Benannte Farbe · #CBE1E4
Melting Point
Melting Point ist #CBE1E4: rgb(203 225 228), hsl(187 32% 85%), oklch(0.894 0.024 206.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Melting Point color name →
#CBE1E4
oklch(0.894 0.024 206.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D0E4E7
- D5E7E9
- DBEAEC
- E0EDEF
- E5F0F1
- EAF3F4
- EFF6F7
- F5F9FA
- FAFCFC
Shades
- B0C4C6
- 96A7A9
- 7D8B8D
- 657072
- 4D5658
- 373E3F
- 222728
- 0F1212
- 020203
Tones
- C3D7DA
- BCCDCF
- B4C3C5
- ACB9BB
- A5AFB1
- 9DA6A7
- 969C9D
- 8F9393
- 87898A
Farbharmonien
Komplementär +180°
- CBE1E4
Melting Point
- ECD7D4
≈ Peach Glamour
Analog -30° +30°
- CBE1E4
Melting Point
- CDE2DC
≈ Ice Bomb
- CEDFEA
≈ Duck’s Egg Blue
Triadisch +120° +240°
- CBE1E4
Melting Point
- E5D7E5
≈ Snuff
- E3DBCB
≈ Frankly Earnest
Geteilt komplementär +150° +210°
- CBE1E4
Melting Point
- EAD6DC
≈ Swiss Rose
- E9D9CD
≈ Malted Milk
Tetradisch +90° +180° +270°
- CBE1E4
Melting Point
- DDD9EB
≈ Eyeshadow
- ECD7D4
≈ Peach Glamour
- DBDECD
≈ Light Soft Kind
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.36:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.42:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
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);
}