Adlandırılmış renk · #2A9CA0
Empress Envy
Empress Envy, #2A9CA0: rgb(42 156 160), hsl(182 58% 40%), oklch(0.634 0.097 198.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Empress Envy color name →
#2A9CA0
oklch(0.634 0.097 198.5)
Renk dönüşümleri
- HEX
- #2a9ca0
- RGB
- rgb(42 156 160)
- HSL
- hsl(182 58% 40%)
- HWB
- hwb(182 16% 37%)
- OKLCH
- oklch(0.634 0.097 198.5)
- OKLab
- oklab(0.634 -0.092 -0.031)
- CIE Lab
- lab(58.49 -30.92 -11.67)
- LCH
- lch(58.49 33.05 200.7)
- CMYK
- cmyk(74% 2% 0% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 49A6A9
- 61B0B2
- 76BABC
- 8BC3C5
- 9FCDCF
- B2D7D8
- C6E1E2
- D9EBEB
- ECF5F5
Koyu tonlar
- 23878B
- 1C7376
- 165F61
- 104C4E
- 0A393B
- 052829
- 021819
- 010909
- 000101
Gri tonlar
- 3B999D
- 47979A
- 519496
- 5A9193
- 628F90
- 698C8D
- 6F898A
- 758686
- 7B8383
Renk uyumları
Tamamlayıcı +180°
- 2A9CA0
Empress Envy
- BE7173
≈ Art House Pink
Analog -30° +30°
- 2A9CA0
Empress Envy
- 449D80
≈ Greenway
- 4095B9
≈ Galleon Blue
Üçlü +120° +240°
- 2A9CA0
Empress Envy
- A377B0
≈ Bell Heather
- AA8340
≈ Bird’s-Eye
Bölünmüş tamamlayıcı +150° +210°
- 2A9CA0
Empress Envy
- B67194
≈ Fuscia Fizz
- BA7854
≈ Caramel Apple
Dörtlü +90° +180° +270°
- 2A9CA0
Empress Envy
- 8880C2
≈ Faraway Sky
- BE7173
≈ Art House Pink
- 8F8F44
≈ Martina Olive
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.30:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.36:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.36:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--empress-envy: #2a9ca0;
--empress-envy-rgb: 42 156 160;
--empress-envy-oklch: oklch(0.634 0.097 198.5);
}
.element {
color: var(--empress-envy);
background-color: hsl(182 58% 40%);
border-color: oklch(0.634 0.097 198.5);
}Tailwind CSS v4
@theme {
--color-empress-envy: #2a9ca0;
--color-empress-envy-50: #d6feff;
--color-empress-envy-100: #c3f2f5;
--color-empress-envy-200: #a3e1e5;
--color-empress-envy-300: #78c7cb;
--color-empress-envy-400: #4cb0b4;
--color-empress-envy-500: #00999e;
--color-empress-envy-600: #068285;
--color-empress-envy-700: #08686b;
--color-empress-envy-800: #044d4e;
--color-empress-envy-900: #043536;
--color-empress-envy-950: #002021;
}SCSS
$empress-envy: #2a9ca0;
$empress-envy-rgb: 42, 156, 160;
$empress-envy-light: mix(#fff, $empress-envy, 20%);
$empress-envy-dark: mix(#000, $empress-envy, 20%);
.element {
color: $empress-envy;
box-shadow: 0 0 0 2px rgba($empress-envy, 0.35);
}