가장 가까운 이름 색상 · #C1D6AA
#C1D6AA
가장 가까운 이름 색상: Morris Leaf
#C1D6AA(rgb(193 214 170), hsl(89 35% 75%), oklch(0.849 0.063 128.5))와 가장 가까운 이름 색상은 Morris Leaf입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C1D6AA
oklch(0.849 0.063 128.5)
색상 변환
- HEX
- #c1d6aa
- RGB
- rgb(193 214 170)
- HSL
- hsl(89 35% 75%)
- HWB
- hwb(89 67% 16%)
- OKLCH
- oklch(0.849 0.063 128.5)
- OKLab
- oklab(0.849 -0.039 0.05)
- CIE Lab
- lab(83.18 -13.1 19.35)
- LCH
- lch(83.18 23.36 124.1)
- CMYK
- cmyk(10% 0% 21% 16%)
틴트 · 셰이드 · 톤
틴트
- C7DAB2
- CDDEBB
- D3E2C3
- D9E6CC
- E0EBD4
- E6EFDD
- ECF3E5
- F2F7EE
- F9FBF6
셰이드
- A7BA93
- 8F9E7D
- 778468
- 5F6A53
- 49523F
- 343B2D
- 20251B
- 0E100B
- 020201
톤
- BACDA6
- B4C4A2
- ADBB9E
- A6B399
- A0AA95
- 99A291
- 93998D
- 8D9189
- 868884
색 조화
보색 +180°
- C1D6AA
Morris Leaf
- D9C3EE
≈ Beefy Pink
유사색 -30° +30°
- C1D6AA
Morris Leaf
- D8CF9F
≈ Tahuna Sands
- ABDBBE
≈ Shanghai Jade
삼각 배색 +120° +240°
- C1D6AA
Morris Leaf
- AED2F6
≈ Ice Cold Stare
- F3BDC5
≈ Strawberry Confection
분열 보색 +150° +210°
- C1D6AA
Morris Leaf
- C3CAF7
≈ Light Periwinkle
- EABEDC
≈ Blackberry Yoghurt
사각 배색 +90° +180° +270°
- C1D6AA
Morris Leaf
- 9FD8E9
≈ Nevada Sky
- D9C3EE
≈ Beefy Pink
- F3C0B0
≈ Jazz Age Coral
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.46:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--morris-leaf: #c1d6aa;
--morris-leaf-rgb: 193 214 170;
--morris-leaf-oklch: oklch(0.849 0.063 128.5);
}
.element {
color: var(--morris-leaf);
background-color: hsl(89 35% 75%);
border-color: oklch(0.849 0.063 128.5);
}Tailwind CSS v4
@theme {
--color-morris-leaf: #c1d6aa;
--color-morris-leaf-50: #eff9e6;
--color-morris-leaf-100: #e1edd7;
--color-morris-leaf-200: #cbdabe;
--color-morris-leaf-300: #acbe9d;
--color-morris-leaf-400: #93a67e;
--color-morris-leaf-500: #7a8f61;
--color-morris-leaf-600: #677953;
--color-morris-leaf-700: #526142;
--color-morris-leaf-800: #3d472e;
--color-morris-leaf-900: #2a311f;
--color-morris-leaf-950: #171d0f;
}SCSS
$morris-leaf: #c1d6aa;
$morris-leaf-rgb: 193, 214, 170;
$morris-leaf-light: mix(#fff, $morris-leaf, 20%);
$morris-leaf-dark: mix(#000, $morris-leaf, 20%);
.element {
color: $morris-leaf;
box-shadow: 0 0 0 2px rgba($morris-leaf, 0.35);
}