Color con nombre · #CBE1E4
Melting Point
Melting Point es #CBE1E4: rgb(203 225 228), hsl(187 32% 85%), oklch(0.894 0.024 206.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Melting Point color name →
#CBE1E4
oklch(0.894 0.024 206.6)
Conversiones de color
- HEX
- #cbe1e4
- RGB
- rgb(203 225 228)
- HSL
- hsl(187 32% 85%)
- HWB
- hwb(187 80% 11%)
- OKLCH
- oklch(0.894 0.024 206.6)
- OKLab
- oklab(0.894 -0.021 -0.011)
- CIE Lab
- lab(87.95 -7.12 -4.09)
- LCH
- lch(87.95 8.21 209.9)
- CMYK
- cmyk(11% 1% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- D0E4E7
- D5E7E9
- DBEAEC
- E0EDEF
- E5F0F1
- EAF3F4
- EFF6F7
- F5F9FA
- FAFCFC
Sombras
- B0C4C6
- 96A7A9
- 7D8B8D
- 657072
- 4D5658
- 373E3F
- 222728
- 0F1212
- 020203
Tonos
- C3D7DA
- BCCDCF
- B4C3C5
- ACB9BB
- A5AFB1
- 9DA6A7
- 969C9D
- 8F9393
- 87898A
Armonías de color
Complementario +180°
- CBE1E4
Melting Point
- ECD7D4
≈ Peach Glamour
Análogo -30° +30°
- CBE1E4
Melting Point
- CDE2DC
≈ Ice Bomb
- CEDFEA
≈ Duck’s Egg Blue
Triádico +120° +240°
- CBE1E4
Melting Point
- E5D7E5
≈ Snuff
- E3DBCB
≈ Frankly Earnest
Complementario dividido +150° +210°
- CBE1E4
Melting Point
- EAD6DC
≈ Swiss Rose
- E9D9CD
≈ Malted Milk
Tetrádico +90° +180° +270°
- CBE1E4
Melting Point
- DDD9EB
≈ Eyeshadow
- ECD7D4
≈ Peach Glamour
- DBDECD
≈ Light Soft Kind
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre negro
WCAG 15.42:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--melting-point: #cbe1e4;
--melting-point-rgb: 203 225 228;
--melting-point-oklch: oklch(0.894 0.024 206.6);
}
.element {
color: var(--melting-point);
background-color: hsl(187 32% 85%);
border-color: oklch(0.894 0.024 206.6);
}Tailwind CSS v4
@theme {
--color-melting-point: #cbe1e4;
--color-melting-point-50: #eef7f9;
--color-melting-point-100: #dfeaec;
--color-melting-point-200: #c9d7da;
--color-melting-point-300: #aabbbe;
--color-melting-point-400: #8fa3a5;
--color-melting-point-500: #758b8e;
--color-melting-point-600: #637678;
--color-melting-point-700: #4f5e60;
--color-melting-point-800: #394546;
--color-melting-point-900: #273031;
--color-melting-point-950: #151c1d;
}SCSS
$melting-point: #cbe1e4;
$melting-point-rgb: 203, 225, 228;
$melting-point-light: mix(#fff, $melting-point, 20%);
$melting-point-dark: mix(#000, $melting-point, 20%);
.element {
color: $melting-point;
box-shadow: 0 0 0 2px rgba($melting-point, 0.35);
}