이름 색상 · #CBDEE2
Embellishment
Embellishment은(는) #CBDEE2: rgb(203 222 226), hsl(190 28% 84%), oklch(0.888 0.021 211.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Embellishment color name →
#CBDEE2
oklch(0.888 0.021 211.8)
색상 변환
- HEX
- #cbdee2
- RGB
- rgb(203 222 226)
- HSL
- hsl(190 28% 84%)
- HWB
- hwb(190 80% 11%)
- OKLCH
- oklch(0.888 0.021 211.8)
- OKLab
- oklab(0.888 -0.018 -0.011)
- CIE Lab
- lab(87.13 -5.98 -4.25)
- LCH
- lch(87.13 7.34 215.4)
- CMYK
- cmyk(10% 2% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- D0E1E5
- D5E5E8
- DBE8EB
- E0EBEE
- E5EEF0
- EAF2F3
- EFF5F6
- F5F8F9
- FAFCFC
셰이드
- B0C1C4
- 96A5A8
- 7D898C
- 656F71
- 4D5557
- 373D3E
- 222627
- 0F1212
- 020203
톤
- C3D4D8
- BCCACE
- B4C1C4
- ACB7BA
- A5AEB0
- 9DA4A6
- 969B9C
- 8F9293
- 878989
색 조화
보색 +180°
- CBDEE2
Embellishment
- E8D5D1
≈ Ash Cherry Blossom
유사색 -30° +30°
- CBDEE2
Embellishment
- CCDFDB
≈ Icelandish
- CEDCE7
≈ Simply Elegant
삼각 배색 +120° +240°
- CBDEE2
Embellishment
- E3D5E0
≈ Soft Lilac
- DFDACB
≈ Cocoon
분열 보색 +150° +210°
- CBDEE2
Embellishment
- E7D4D9
≈ Desert Mauve
- E5D7CC
≈ Kangaroo Tan
사각 배색 +90° +180° +270°
- CBDEE2
Embellishment
- DCD7E6
≈ Misty Violet
- E8D5D1
≈ Ash Cherry Blossom
- D7DCCD
≈ Light Green Ash
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.08:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 15.08:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--embellishment: #cbdee2;
--embellishment-rgb: 203 222 226;
--embellishment-oklch: oklch(0.888 0.021 211.8);
}
.element {
color: var(--embellishment);
background-color: hsl(190 28% 84%);
border-color: oklch(0.888 0.021 211.8);
}Tailwind CSS v4
@theme {
--color-embellishment: #cbdee2;
--color-embellishment-50: #eff7f9;
--color-embellishment-100: #e0eaec;
--color-embellishment-200: #cbd7da;
--color-embellishment-300: #acbabe;
--color-embellishment-400: #91a2a6;
--color-embellishment-500: #778a8e;
--color-embellishment-600: #657578;
--color-embellishment-700: #505e60;
--color-embellishment-800: #3a4446;
--color-embellishment-900: #282f31;
--color-embellishment-950: #161c1d;
}SCSS
$embellishment: #cbdee2;
$embellishment-rgb: 203, 222, 226;
$embellishment-light: mix(#fff, $embellishment, 20%);
$embellishment-dark: mix(#000, $embellishment, 20%);
.element {
color: $embellishment;
box-shadow: 0 0 0 2px rgba($embellishment, 0.35);
}