Nazwany kolor · #ADD8E1
Araucana Egg
Araucana Egg to #ADD8E1: rgb(173 216 225), hsl(190 46% 78%), oklch(0.855 0.047 211.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Araucana Egg color name →
#ADD8E1
oklch(0.855 0.047 211.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B5DCE4
- BEE0E7
- C6E4EA
- CEE8ED
- D6ECF0
- DEEFF3
- E7F3F6
- EFF7F9
- F7FBFC
Odcienie ciemniejsze
- 96BCC4
- 7FA0A7
- 6A858B
- 556B70
- 415356
- 2D3B3E
- 1B2527
- 0B1112
- 010202
Tony
- A9CFD7
- A4C6CD
- A0BDC3
- 9BB4B9
- 97ABAF
- 92A2A6
- 8E9A9C
- 899193
- 858889
Harmonie kolorów
Komplementarna +180°
- ADD8E1
Araucana Egg
- ECC5BD
≈ Snow Pink
Analogowa -30° +30°
- ADD8E1
Araucana Egg
- AFDAD1
≈ Scandal
- B5D4EC
≈ Light Sea Cliff
Triada +120° +240°
- ADD8E1
Araucana Egg
- E2C5DD
≈ Favourite Lady
- DACFAD
≈ Lovely Linen
Komplementarna rozszczepiona +150° +210°
- ADD8E1
Araucana Egg
- EBC3CD
≈ Light Blush
- E6C9B1
≈ Grey Sand
Tetrada +90° +180° +270°
- ADD8E1
Araucana Egg
- D4C9E9
≈ Foggy Love
- ECC5BD
≈ Snow Pink
- CAD5B3
≈ Spice Garden
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.68:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.68:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}