이름 색상 · #ADD8E1
Araucana Egg
Araucana Egg은(는) #ADD8E1: rgb(173 216 225), hsl(190 46% 78%), oklch(0.855 0.047 211.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Araucana Egg color name →
#ADD8E1
oklch(0.855 0.047 211.8)
색상 변환
- HEX
- #add8e1
- RGB
- rgb(173 216 225)
- HSL
- hsl(190 46% 78%)
- HWB
- hwb(190 68% 12%)
- OKLCH
- oklch(0.855 0.047 211.8)
- OKLab
- oklab(0.855 -0.04 -0.025)
- CIE Lab
- lab(83.49 -13.07 -9.33)
- LCH
- lch(83.49 16.05 215.5)
- CMYK
- cmyk(23% 4% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- B5DCE4
- BEE0E7
- C6E4EA
- CEE8ED
- D6ECF0
- DEEFF3
- E7F3F6
- EFF7F9
- F7FBFC
셰이드
- 96BCC4
- 7FA0A7
- 6A858B
- 556B70
- 415356
- 2D3B3E
- 1B2527
- 0B1112
- 010202
톤
- A9CFD7
- A4C6CD
- A0BDC3
- 9BB4B9
- 97ABAF
- 92A2A6
- 8E9A9C
- 899193
- 858889
색 조화
보색 +180°
- ADD8E1
Araucana Egg
- ECC5BD
≈ Snow Pink
유사색 -30° +30°
- ADD8E1
Araucana Egg
- AFDAD1
≈ Scandal
- B5D4EC
≈ Light Sea Cliff
삼각 배색 +120° +240°
- ADD8E1
Araucana Egg
- E2C5DD
≈ Favourite Lady
- DACFAD
≈ Lovely Linen
분열 보색 +150° +210°
- ADD8E1
Araucana Egg
- EBC3CD
≈ Light Blush
- E6C9B1
≈ Grey Sand
사각 배색 +90° +180° +270°
- ADD8E1
Araucana Egg
- D4C9E9
≈ Foggy Love
- ECC5BD
≈ Snow Pink
- CAD5B3
≈ Spice Garden
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.68:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.68:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--araucana-egg: #add8e1;
--araucana-egg-rgb: 173 216 225;
--araucana-egg-oklch: oklch(0.855 0.047 211.8);
}
.element {
color: var(--araucana-egg);
background-color: hsl(190 46% 78%);
border-color: oklch(0.855 0.047 211.8);
}Tailwind CSS v4
@theme {
--color-araucana-egg: #add8e1;
--color-araucana-egg-50: #e7f9fd;
--color-araucana-egg-100: #d7ecf1;
--color-araucana-egg-200: #bfdae0;
--color-araucana-egg-300: #9dbec6;
--color-araucana-egg-400: #7fa6ae;
--color-araucana-egg-500: #618f98;
--color-araucana-egg-600: #537981;
--color-araucana-egg-700: #426167;
--color-araucana-egg-800: #2f474b;
--color-araucana-egg-900: #203134;
--color-araucana-egg-950: #0f1d20;
}SCSS
$araucana-egg: #add8e1;
$araucana-egg-rgb: 173, 216, 225;
$araucana-egg-light: mix(#fff, $araucana-egg, 20%);
$araucana-egg-dark: mix(#000, $araucana-egg, 20%);
.element {
color: $araucana-egg;
box-shadow: 0 0 0 2px rgba($araucana-egg, 0.35);
}