Adlandırılmış renk · #008980
Eyeshadow Turquoise
Eyeshadow Turquoise, #008980: rgb(0 137 128), hsl(176 100% 27%), oklch(0.567 0.099 186.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Eyeshadow Turquoise color name →
#008980
oklch(0.567 0.099 186.7)
Renk dönüşümleri
- HEX
- #008980
- RGB
- rgb(0 137 128)
- HSL
- hsl(176 100% 27%)
- HWB
- hwb(176 0% 46%)
- OKLCH
- oklch(0.567 0.099 186.7)
- OKLab
- oklab(0.567 -0.098 -0.012)
- CIE Lab
- lab(50.97 -34.11 -4.58)
- LCH
- lch(50.97 34.42 187.7)
- CMYK
- cmyk(100% 0% 7% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 35958C
- 51A098
- 69ACA4
- 7FB8B1
- 95C3BE
- AACFCA
- BFDBD7
- D5E7E4
- EAF3F2
Koyu tonlar
- 00766E
- 00645D
- 00534D
- 00423D
- 00312E
- 00221F
- 001412
- 000706
- 000101
Gri tonlar
- 258880
- 378880
- 448780
- 4F8680
- 598580
- 628480
- 6A8380
- 728280
- 798180
Renk uyumları
Tamamlayıcı +180°
- 008980
Eyeshadow Turquoise
- A75C6D
≈ Shine Baby Shine
Analog -30° +30°
- 008980
Eyeshadow Turquoise
- 3D885E
≈ Exquisite Emerald
- 0B849C
≈ Zircon Blue
Üçlü +120° +240°
- 008980
Eyeshadow Turquoise
- 8666A4
≈ Chive Blossom
- 9D6A2F
≈ Stage Gold
Bölünmüş tamamlayıcı +150° +210°
- 008980
Eyeshadow Turquoise
- 9B5F8C
≈ Thimble Red
- A8604C
≈ Roycroft Adobe
Dörtlü +90° +180° +270°
- 008980
Eyeshadow Turquoise
- 6871B0
≈ Chalcedony Violet
- A75C6D
≈ Shine Baby Shine
- 877627
≈ Garden Lettuce Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.29:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.88:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.88:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--eyeshadow-turquoise: #008980;
--eyeshadow-turquoise-rgb: 0 137 128;
--eyeshadow-turquoise-oklch: oklch(0.567 0.099 186.7);
}
.element {
color: var(--eyeshadow-turquoise);
background-color: hsl(176 100% 27%);
border-color: oklch(0.567 0.099 186.7);
}Tailwind CSS v4
@theme {
--color-eyeshadow-turquoise: #008980;
--color-eyeshadow-turquoise-50: #d6fffb;
--color-eyeshadow-turquoise-100: #c3f3ee;
--color-eyeshadow-turquoise-200: #a3e2dd;
--color-eyeshadow-turquoise-300: #78c8c1;
--color-eyeshadow-turquoise-400: #4eb1a8;
--color-eyeshadow-turquoise-500: #009b91;
--color-eyeshadow-turquoise-600: #0a837a;
--color-eyeshadow-turquoise-700: #0b6962;
--color-eyeshadow-turquoise-800: #074d47;
--color-eyeshadow-turquoise-900: #053631;
--color-eyeshadow-turquoise-950: #00211d;
}SCSS
$eyeshadow-turquoise: #008980;
$eyeshadow-turquoise-rgb: 0, 137, 128;
$eyeshadow-turquoise-light: mix(#fff, $eyeshadow-turquoise, 20%);
$eyeshadow-turquoise-dark: mix(#000, $eyeshadow-turquoise, 20%);
.element {
color: $eyeshadow-turquoise;
box-shadow: 0 0 0 2px rgba($eyeshadow-turquoise, 0.35);
}