Nazwany kolor · #CED6E6
Jewellery White
Jewellery White to #CED6E6: rgb(206 214 230), hsl(220 32% 85%), oklch(0.875 0.024 264.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Jewellery White color name →
#CED6E6
oklch(0.875 0.024 264.4)
Konwersje koloru
- HEX
- #ced6e6
- RGB
- rgb(206 214 230)
- HSL
- hsl(220 32% 85%)
- HWB
- hwb(220 81% 10%)
- OKLCH
- oklch(0.875 0.024 264.4)
- OKLab
- oklab(0.875 -0.002 -0.024)
- CIE Lab
- lab(85.37 -0.49 -8.88)
- LCH
- lch(85.37 8.9 266.8)
- CMYK
- cmyk(10% 7% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3DAE9
- D8DEEB
- DDE2EE
- E1E6F0
- E6EAF3
- EBEEF5
- F0F3F8
- F5F7FA
- FAFBFD
Odcienie ciemniejsze
- B3BAC8
- 989EAB
- 7F848E
- 666A73
- 4E5259
- 383B40
- 232528
- 0F1013
- 020203
Tony
- C6CDDB
- BEC4D1
- B6BBC6
- AEB3BC
- A6AAB2
- 9EA1A8
- 97999D
- 8F9194
- 87888A
Harmonie kolorów
Komplementarna +180°
- CED6E6
Jewellery White
- DDD5C5
≈ Sonoran Sands
Analogowa -30° +30°
- CED6E6
Jewellery White
- C7D9E3
≈ Blue Pearl
- D6D3E4
≈ Light Pax
Triada +120° +240°
- CED6E6
Jewellery White
- E5D0CE
≈ Mauve Chalk
- CDDACC
≈ April Mist
Komplementarna rozszczepiona +150° +210°
- CED6E6
Jewellery White
- E3D2C7
≈ Bungalow White
- D5D8C6
≈ September Song
Tetrada +90° +180° +270°
- CED6E6
Jewellery White
- E3D0D7
≈ Santolina Blooms
- DDD5C5
≈ Sonoran Sands
- C7DBD5
≈ Morning Dew White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.38:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.38:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--jewellery-white: #ced6e6;
--jewellery-white-rgb: 206 214 230;
--jewellery-white-oklch: oklch(0.875 0.024 264.4);
}
.element {
color: var(--jewellery-white);
background-color: hsl(220 32% 85%);
border-color: oklch(0.875 0.024 264.4);
}Tailwind CSS v4
@theme {
--color-jewellery-white: #ced6e6;
--color-jewellery-white-50: #f2f5fc;
--color-jewellery-white-100: #e4e8f0;
--color-jewellery-white-200: #cfd4df;
--color-jewellery-white-300: #b2b7c4;
--color-jewellery-white-400: #979fad;
--color-jewellery-white-500: #7e8696;
--color-jewellery-white-600: #6b727f;
--color-jewellery-white-700: #555b66;
--color-jewellery-white-800: #3e434b;
--color-jewellery-white-900: #2b2e34;
--color-jewellery-white-950: #181b1f;
}SCSS
$jewellery-white: #ced6e6;
$jewellery-white-rgb: 206, 214, 230;
$jewellery-white-light: mix(#fff, $jewellery-white, 20%);
$jewellery-white-dark: mix(#000, $jewellery-white, 20%);
.element {
color: $jewellery-white;
box-shadow: 0 0 0 2px rgba($jewellery-white, 0.35);
}