Adlandırılmış renk · #78D8D9
Andes Sky
Andes Sky, #78D8D9: rgb(120 216 217), hsl(181 56% 66%), oklch(0.824 0.091 196.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Andes Sky color name →
#78D8D9
oklch(0.824 0.091 196.4)
Renk dönüşümleri
- HEX
- #78d8d9
- RGB
- rgb(120 216 217)
- HSL
- hsl(181 56% 66%)
- HWB
- hwb(181 47% 15%)
- OKLCH
- oklch(0.824 0.091 196.4)
- OKLab
- oklab(0.824 -0.087 -0.026)
- CIE Lab
- lab(80.52 -29.47 -9.84)
- LCH
- lch(80.52 31.07 198.5)
- CMYK
- cmyk(45% 0% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 88DCDD
- 97E0E1
- A5E4E4
- B2E8E8
- C0ECEC
- CDF0F0
- DAF4F4
- E6F7F7
- F3FBFB
Koyu tonlar
- 67BCBC
- 57A0A1
- 488586
- 396B6C
- 2A5353
- 1D3B3B
- 102525
- 051111
- 010202
Gri tonlar
- 7BCFD0
- 7DC6C7
- 7FBDBD
- 80B4B4
- 81ABAC
- 82A3A3
- 829A9A
- 819191
- 818989
Renk uyumları
Tamamlayıcı +180°
- 78D8D9
Andes Sky
- FBADB1
≈ Apricot Haze
Analog -30° +30°
- 78D8D9
Andes Sky
- 8AD9B8
≈ Āsmānī Sky
- 82D2F3
≈ Kul Sharif Blue
Üçlü +120° +240°
- 78D8D9
Andes Sky
- DDB3ED
≈ Pink Illusion
- E7BE81
≈ Oats and Honey
Bölünmüş tamamlayıcı +150° +210°
- 78D8D9
Andes Sky
- F2AED1
≈ Changeling Pink
- F7B393
≈ Guava Juice
Dörtlü +90° +180° +270°
- 78D8D9
Andes Sky
- C0BDFE
≈ Dried Lilac
- FBADB1
≈ Apricot Haze
- CCCA83
≈ Chimes
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.66:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.62:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.62:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--andes-sky: #78d8d9;
--andes-sky-rgb: 120 216 217;
--andes-sky-oklch: oklch(0.824 0.091 196.4);
}
.element {
color: var(--andes-sky);
background-color: hsl(181 56% 66%);
border-color: oklch(0.824 0.091 196.4);
}Tailwind CSS v4
@theme {
--color-andes-sky: #78d8d9;
--color-andes-sky-50: #d8feff;
--color-andes-sky-100: #c5f2f3;
--color-andes-sky-200: #a7e1e2;
--color-andes-sky-300: #7dc6c8;
--color-andes-sky-400: #54afb0;
--color-andes-sky-500: #1c989a;
--color-andes-sky-600: #1c8182;
--color-andes-sky-700: #176768;
--color-andes-sky-800: #0e4c4c;
--color-andes-sky-900: #093535;
--color-andes-sky-950: #002020;
}SCSS
$andes-sky: #78d8d9;
$andes-sky-rgb: 120, 216, 217;
$andes-sky-light: mix(#fff, $andes-sky, 20%);
$andes-sky-dark: mix(#000, $andes-sky, 20%);
.element {
color: $andes-sky;
box-shadow: 0 0 0 2px rgba($andes-sky, 0.35);
}