#448AFF - Bleuchâtel Blue
Hex color #448AFF is called Bleuchâtel Blue. It consists of 27% red, 54% green, and 100% blue in RGB color space. In CMYK it is 73% cyan, 46% magenta, 0% yellow, and 0% black. In HSL it is 218° hue, 100% saturation, and 63% lightness (light) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.
| Property | Value | CSS |
|---|---|---|
| Name | Bleuchâtel Blue | — |
| HEX | #448AFF | #448AFF |
| HEXA | #448AFFFF | #448AFFFF |
| RGB | 68, 138, 255 | rgb(68, 138, 255) |
| RGBA | 68, 138, 255, 1 | rgba(68, 138, 255, 1) |
| HSL | 218%, 100%, 63% | hsl(218%, 100%, 63%) |
| CMYK | 73%, 46%, 0%, 0% | cmyk(73%, 46%, 0%, 0%) |
| CSS Name | — | — |
| Tailwind Name | blue-200-accent | — |
| Lightness | 63% (light) | — |
As you see on the table, not all names are available for this color.
- The closest color with CSS name is #1e90ff (dodgerblue)
Negative color
The color opposite to #448AFF is #BB7500.
Preview on black and white
As #448AFF has 63% lightness, this color is light, so it has more contrast with black.
#448AFF On White Background
#448AFF
#448AFF
Text Color
This is how text looks with this color.
#448AFF On Black Background
#448AFF
#448AFF
Text Color
This is how text looks with this color.
Transform color
68, 138, 255rgb(68, 138, 255)