가장 가까운 이름 색상 · #CDD0AB
#CDD0AB
가장 가까운 이름 색상: Bitter Melon
#CDD0AB(rgb(205 208 171), hsl(65 28% 74%), oklch(0.846 0.05 111.2))와 가장 가까운 이름 색상은 Bitter Melon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CDD0AB
oklch(0.846 0.05 111.2)
색상 변환
- HEX
- #cdd0ab
- RGB
- rgb(205 208 171)
- HSL
- hsl(65 28% 74%)
- HWB
- hwb(65 67% 18%)
- OKLCH
- oklch(0.846 0.05 111.2)
- OKLab
- oklab(0.846 -0.018 0.046)
- CIE Lab
- lab(82.52 -5.68 18.1)
- LCH
- lch(82.52 18.97 107.4)
- CMYK
- cmyk(1% 0% 18% 18%)
틴트 · 셰이드 · 톤
틴트
- D2D5B3
- D7D9BC
- DCDEC4
- E1E3CC
- E6E7D5
- EBECDD
- F0F1E6
- F5F6EE
- FAFAF7
셰이드
- B2B594
- 989A7E
- 7E8068
- 666754
- 4E4F40
- 38392D
- 23231B
- 0F100B
- 020201
톤
- C5C8A7
- BDC0A2
- B5B79E
- ADAF9A
- A6A796
- 9E9F91
- 96978D
- 8F8F89
- 878884
색 조화
보색 +180°
- CDD0AB
Bitter Melon
- CCC7EB
≈ Soap
유사색 -30° +30°
- CDD0AB
Bitter Melon
- DDCAA8
≈ Egg Liqueur
- BBD5B7
≈ Nature
삼각 배색 +120° +240°
- CDD0AB
Bitter Melon
- ACD3E7
≈ Monaco
- E7C0D0
≈ Childlike
분열 보색 +150° +210°
- CDD0AB
Bitter Melon
- BACDEE
≈ Frost Fairy
- DCC2E0
≈ Epiphany
사각 배색 +90° +180° +270°
- CDD0AB
Bitter Melon
- A7D7DA
≈ Crystal
- CCC7EB
≈ Soap
- EBC0BE
≈ Cafe Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.20:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--bitter-melon: #cdd0ab;
--bitter-melon-rgb: 205 208 171;
--bitter-melon-oklch: oklch(0.846 0.05 111.2);
}
.element {
color: var(--bitter-melon);
background-color: hsl(65 28% 74%);
border-color: oklch(0.846 0.05 111.2);
}Tailwind CSS v4
@theme {
--color-bitter-melon: #cdd0ab;
--color-bitter-melon-50: #f5f7e7;
--color-bitter-melon-100: #e7ead7;
--color-bitter-melon-200: #d4d7bf;
--color-bitter-melon-300: #b7bb9e;
--color-bitter-melon-400: #9fa280;
--color-bitter-melon-500: #878a63;
--color-bitter-melon-600: #727554;
--color-bitter-melon-700: #5b5d43;
--color-bitter-melon-800: #434430;
--color-bitter-melon-900: #2f2f20;
--color-bitter-melon-950: #1b1b10;
}SCSS
$bitter-melon: #cdd0ab;
$bitter-melon-rgb: 205, 208, 171;
$bitter-melon-light: mix(#fff, $bitter-melon, 20%);
$bitter-melon-dark: mix(#000, $bitter-melon, 20%);
.element {
color: $bitter-melon;
box-shadow: 0 0 0 2px rgba($bitter-melon, 0.35);
}