이름 색상 · #CBD0DD
Debonaire
Debonaire은(는) #CBD0DD: rgb(203 208 221), hsl(223 21% 83%), oklch(0.858 0.019 269.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Debonaire color name →
#CBD0DD
oklch(0.858 0.019 269.1)
색상 변환
- HEX
- #cbd0dd
- RGB
- rgb(203 208 221)
- HSL
- hsl(223 21% 83%)
- HWB
- hwb(223 80% 13%)
- OKLCH
- oklch(0.858 0.019 269.1)
- OKLab
- oklab(0.858 0 -0.019)
- CIE Lab
- lab(83.38 0.09 -7.08)
- LCH
- lch(83.38 7.08 270.7)
- CMYK
- cmyk(8% 6% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- D0D5E0
- D5D9E4
- DADEE7
- E0E3EB
- E5E7EE
- EAECF1
- EFF1F5
- F4F5F8
- FAFAFC
셰이드
- B0B5C0
- 969AA4
- 7D8088
- 65676E
- 4D4F55
- 37393D
- 222326
- 0F1011
- 020202
톤
- C3C8D3
- BCBFCA
- B4B7C0
- ACAFB7
- A5A7AD
- 9D9FA4
- 96979B
- 8E8F92
- 878889
색 조화
보색 +180°
- CBD0DD
Debonaire
- D5D0C3
≈ Clay Beige
유사색 -30° +30°
- CBD0DD
Debonaire
- C6D2DB
≈ Memory Lane
- D2CEDB
≈ Lavender Sparkle
삼각 배색 +120° +240°
- CBD0DD
Debonaire
- DCCCC9
≈ Delirious Donkey
- C8D4CA
≈ Touch of Spring
분열 보색 +150° +210°
- CBD0DD
Debonaire
- DACEC4
≈ Romantic White
- CFD2C5
≈ Particular Mint
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.60:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--debonaire: #cbd0dd;
--debonaire-rgb: 203 208 221;
--debonaire-oklch: oklch(0.858 0.019 269.1);
}
.element {
color: var(--debonaire);
background-color: hsl(223 21% 83%);
border-color: oklch(0.858 0.019 269.1);
}Tailwind CSS v4
@theme {
--color-debonaire: #cbd0dd;
--color-debonaire-50: #f3f5fb;
--color-debonaire-100: #e5e8ee;
--color-debonaire-200: #d1d4dd;
--color-debonaire-300: #b4b7c1;
--color-debonaire-400: #9a9eaa;
--color-debonaire-500: #818693;
--color-debonaire-600: #6d717c;
--color-debonaire-700: #575b64;
--color-debonaire-800: #3f4249;
--color-debonaire-900: #2c2e33;
--color-debonaire-950: #191b1e;
}SCSS
$debonaire: #cbd0dd;
$debonaire-rgb: 203, 208, 221;
$debonaire-light: mix(#fff, $debonaire, 20%);
$debonaire-dark: mix(#000, $debonaire, 20%);
.element {
color: $debonaire;
box-shadow: 0 0 0 2px rgba($debonaire, 0.35);
}