가장 가까운 이름 색상 · #CAD5A8
#CAD5A8
가장 가까운 이름 색상: Seedling
#CAD5A8(rgb(202 213 168), hsl(75 35% 75%), oklch(0.853 0.061 118.9))와 가장 가까운 이름 색상은 Seedling입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CAD5A8
oklch(0.853 0.061 118.9)
색상 변환
- HEX
- #cad5a8
- RGB
- rgb(202 213 168)
- HSL
- hsl(75 35% 75%)
- HWB
- hwb(75 66% 16%)
- OKLCH
- oklch(0.853 0.061 118.9)
- OKLab
- oklab(0.853 -0.03 0.054)
- CIE Lab
- lab(83.56 -9.53 21.03)
- LCH
- lch(83.56 23.09 114.4)
- CMYK
- cmyk(5% 0% 21% 16%)
틴트 · 셰이드 · 톤
틴트
- CFD9B1
- D4DDB9
- DAE2C2
- DFE6CB
- E4EAD3
- E9EEDC
- EFF2E5
- F4F7EE
- FAFBF6
셰이드
- AFB992
- 959E7C
- 7C8367
- 646A52
- 4D513F
- 373A2C
- 22241A
- 0F100A
- 020201
톤
- C2CCA4
- BBC3A0
- B3BB9C
- ACB298
- A4AA94
- 9DA190
- 95998C
- 8E9088
- 878884
색 조화
보색 +180°
- CAD5A8
Seedling
- D4C7F2
≈ Soap
유사색 -30° +30°
- CAD5A8
Seedling
- DFCDA1
≈ Organic Bamboo
- B4DBB9
≈ Ice Mist
삼각 배색 +120° +240°
- CAD5A8
Seedling
- AAD5F3
≈ Light Shimmer
- F2BFCE
≈ Pink Chintz
분열 보색 +150° +210°
- CAD5A8
Seedling
- BECEF8
≈ Frost Fairy
- E6C1E3
≈ Prom Corsage
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.59:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--seedling: #cad5a8;
--seedling-rgb: 202 213 168;
--seedling-oklch: oklch(0.853 0.061 118.9);
}
.element {
color: var(--seedling);
background-color: hsl(75 35% 75%);
border-color: oklch(0.853 0.061 118.9);
}Tailwind CSS v4
@theme {
--color-seedling: #cad5a8;
--color-seedling-50: #f2f8e5;
--color-seedling-100: #e5ebd5;
--color-seedling-200: #d0d9bc;
--color-seedling-300: #b2bd9a;
--color-seedling-400: #9aa47b;
--color-seedling-500: #828c5d;
--color-seedling-600: #6e7750;
--color-seedling-700: #585f3f;
--color-seedling-800: #41452d;
--color-seedling-900: #2d301e;
--color-seedling-950: #1a1c0e;
}SCSS
$seedling: #cad5a8;
$seedling-rgb: 202, 213, 168;
$seedling-light: mix(#fff, $seedling, 20%);
$seedling-dark: mix(#000, $seedling, 20%);
.element {
color: $seedling;
box-shadow: 0 0 0 2px rgba($seedling, 0.35);
}