이름 색상 · #CED6E6
Jewellery White
Jewellery White은(는) #CED6E6: rgb(206 214 230), hsl(220 32% 85%), oklch(0.875 0.024 264.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Jewellery White color name →
#CED6E6
oklch(0.875 0.024 264.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D3DAE9
- D8DEEB
- DDE2EE
- E1E6F0
- E6EAF3
- EBEEF5
- F0F3F8
- F5F7FA
- FAFBFD
셰이드
- B3BAC8
- 989EAB
- 7F848E
- 666A73
- 4E5259
- 383B40
- 232528
- 0F1013
- 020203
톤
- C6CDDB
- BEC4D1
- B6BBC6
- AEB3BC
- A6AAB2
- 9EA1A8
- 97999D
- 8F9194
- 87888A
색 조화
보색 +180°
- CED6E6
Jewellery White
- DDD5C5
≈ Sonoran Sands
유사색 -30° +30°
- CED6E6
Jewellery White
- C7D9E3
≈ Blue Pearl
- D6D3E4
≈ Light Pax
삼각 배색 +120° +240°
- CED6E6
Jewellery White
- E5D0CE
≈ Mauve Chalk
- CDDACC
≈ April Mist
분열 보색 +150° +210°
- CED6E6
Jewellery White
- E3D2C7
≈ Bungalow White
- D5D8C6
≈ September Song
사각 배색 +90° +180° +270°
- CED6E6
Jewellery White
- E3D0D7
≈ Santolina Blooms
- DDD5C5
≈ Sonoran Sands
- C7DBD5
≈ Morning Dew White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.45:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.38:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.38:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
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);
}