Adlandırılmış renk · #72B2AF
Aurora Teal
Aurora Teal, #72B2AF: rgb(114 178 175), hsl(177 29% 57%), oklch(0.72 0.066 192). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Aurora Teal color name →
#72B2AF
oklch(0.72 0.066 192)
Renk dönüşümleri
- HEX
- #72b2af
- RGB
- rgb(114 178 175)
- HSL
- hsl(177 29% 57%)
- HWB
- hwb(177 45% 30%)
- OKLCH
- oklch(0.72 0.066 192)
- OKLab
- oklab(0.72 -0.064 -0.014)
- CIE Lab
- lab(68.21 -21.87 -5.32)
- LCH
- lch(68.21 22.51 193.7)
- CMYK
- cmyk(36% 0% 2% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 81BAB7
- 8FC1BF
- 9DC9C6
- ABD1CE
- B9D8D6
- C7E0DE
- D5E8E6
- E3EFEF
- F1F7F7
Koyu tonlar
- 629A98
- 538381
- 446D6B
- 365756
- 284341
- 1B2F2E
- 0E1D1C
- 040C0B
- 010101
Gri tonlar
- 74ADAA
- 77A8A5
- 78A3A1
- 7A9E9C
- 7C9997
- 7D9493
- 7E8F8E
- 7F8A89
- 7F8585
Renk uyumları
Tamamlayıcı +180°
- 72B2AF
Aurora Teal
- CA9499
≈ Minstrel Rose
Analog -30° +30°
- 72B2AF
Aurora Teal
- 7FB298
≈ Mid-century Gem
- 75AEC2
≈ Blue Eye Samurai
Üçlü +120° +240°
- 72B2AF
Aurora Teal
- B299C3
≈ Atlantic Tulip
- BF9E77
≈ Almond Toast
Bölünmüş tamamlayıcı +150° +210°
- 72B2AF
Aurora Teal
- C295B0
≈ Cherished
- C99784
≈ Café Crème
Dörtlü +90° +180° +270°
- 72B2AF
Aurora Teal
- 9DA0CD
≈ Indigo Child
- CA9499
≈ Minstrel Rose
- ACA676
≈ Windy Meadow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.41:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.70:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--aurora-teal: #72b2af;
--aurora-teal-rgb: 114 178 175;
--aurora-teal-oklch: oklch(0.72 0.066 192);
}
.element {
color: var(--aurora-teal);
background-color: hsl(177 29% 57%);
border-color: oklch(0.72 0.066 192);
}Tailwind CSS v4
@theme {
--color-aurora-teal: #72b2af;
--color-aurora-teal-50: #e1fcfb;
--color-aurora-teal-100: #d0efee;
--color-aurora-teal-200: #b5dedc;
--color-aurora-teal-300: #90c2c1;
--color-aurora-teal-400: #6faba8;
--color-aurora-teal-500: #4c9491;
--color-aurora-teal-600: #427d7b;
--color-aurora-teal-700: #346462;
--color-aurora-teal-800: #254a47;
--color-aurora-teal-900: #193331;
--color-aurora-teal-950: #091f1d;
}SCSS
$aurora-teal: #72b2af;
$aurora-teal-rgb: 114, 178, 175;
$aurora-teal-light: mix(#fff, $aurora-teal, 20%);
$aurora-teal-dark: mix(#000, $aurora-teal, 20%);
.element {
color: $aurora-teal;
box-shadow: 0 0 0 2px rgba($aurora-teal, 0.35);
}