이름 색상 · #EDDBD7
Cottingley Fairies
Cottingley Fairies은(는) #EDDBD7: rgb(237 219 215), hsl(11 38% 89%), oklch(0.905 0.021 32.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cottingley Fairies color name →
#EDDBD7
oklch(0.905 0.021 32.5)
색상 변환
- HEX
- #eddbd7
- RGB
- rgb(237 219 215)
- HSL
- hsl(11 38% 89%)
- HWB
- hwb(11 84% 7%)
- OKLCH
- oklch(0.905 0.021 32.5)
- OKLab
- oklab(0.905 0.017 0.011)
- CIE Lab
- lab(88.8 5.9 4.32)
- LCH
- lch(88.8 7.32 36.2)
- CMYK
- cmyk(0% 8% 9% 7%)
틴트 · 셰이드 · 톤
틴트
- EFDFDB
- F1E2DF
- F2E6E3
- F4E9E7
- F6EDEB
- F8F1EF
- FAF4F3
- FBF8F7
- FDFBFB
셰이드
- CEBEBB
- B0A29F
- 938785
- 776D6B
- 5C5452
- 423C3B
- 2A2625
- 141111
- 030202
톤
- E2D2CE
- D6C8C5
- CBBFBC
- C0B6B3
- B5ACAA
- AAA3A2
- 9F9A99
- 959191
- 8A8988
색 조화
보색 +180°
- EDDBD7
Cottingley Fairies
- D1E4E8
≈ Aqua Sparkle
유사색 -30° +30°
- EDDBD7
Cottingley Fairies
- ECDADE
≈ Sweet Bianca
- EADDD2
≈ Polite White
삼각 배색 +120° +240°
- EDDBD7
Cottingley Fairies
- D6E4D9
≈ Whispering Frost
- DBDFEE
≈ Lower Lavender
분열 보색 +150° +210°
- EDDBD7
Cottingley Fairies
- D2E4E1
≈ Meadowsweet Mist
- D4E2ED
≈ Ice Drop
사각 배색 +90° +180° +270°
- EDDBD7
Cottingley Fairies
- DDE2D3
≈ Moss Mist
- D1E4E8
≈ Aqua Sparkle
- E2DDEB
≈ Velvet Scarf
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.71:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.71:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--cottingley-fairies: #eddbd7;
--cottingley-fairies-rgb: 237 219 215;
--cottingley-fairies-oklch: oklch(0.905 0.021 32.5);
}
.element {
color: var(--cottingley-fairies);
background-color: hsl(11 38% 89%);
border-color: oklch(0.905 0.021 32.5);
}Tailwind CSS v4
@theme {
--color-cottingley-fairies: #eddbd7;
--color-cottingley-fairies-50: #fbf3f1;
--color-cottingley-fairies-100: #efe6e3;
--color-cottingley-fairies-200: #ddd1ce;
--color-cottingley-fairies-300: #c2b4b0;
--color-cottingley-fairies-400: #aa9a97;
--color-cottingley-fairies-500: #93827e;
--color-cottingley-fairies-600: #7d6e6a;
--color-cottingley-fairies-700: #645855;
--color-cottingley-fairies-800: #49403e;
--color-cottingley-fairies-900: #332c2b;
--color-cottingley-fairies-950: #1f1918;
}SCSS
$cottingley-fairies: #eddbd7;
$cottingley-fairies-rgb: 237, 219, 215;
$cottingley-fairies-light: mix(#fff, $cottingley-fairies, 20%);
$cottingley-fairies-dark: mix(#000, $cottingley-fairies, 20%);
.element {
color: $cottingley-fairies;
box-shadow: 0 0 0 2px rgba($cottingley-fairies, 0.35);
}