Adlandırılmış renk · #73FDFF
Ancient Ice
Ancient Ice, #73FDFF: rgb(115 253 255), hsl(181 100% 73%), oklch(0.919 0.12 196.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Ancient Ice color name →
#73FDFF
oklch(0.919 0.12 196.6)
Renk dönüşümleri
- HEX
- #73fdff
- RGB
- rgb(115 253 255)
- HSL
- hsl(181 100% 73%)
- HWB
- hwb(181 45% 0%)
- OKLCH
- oklch(0.919 0.12 196.6)
- OKLab
- oklab(0.919 -0.115 -0.034)
- CIE Lab
- lab(91.82 -38.78 -13.03)
- LCH
- lch(91.82 40.91 198.6)
- CMYK
- cmyk(55% 1% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 86FEFF
- 97FEFF
- A7FEFF
- B5FFFF
- C3FFFF
- D0FFFF
- DCFFFF
- E8FFFF
- F4FFFF
Koyu tonlar
- 63DCDE
- 54BCBE
- 459D9E
- 367F80
- 286263
- 1B4748
- 0F2D2E
- 051616
- 010303
Gri tonlar
- 78F0F2
- 7DE3E4
- 80D6D7
- 82CACA
- 83BDBE
- 84B1B1
- 84A4A4
- 839898
- 828C8C
Renk uyumları
Tamamlayıcı +180°
- 73FDFF
Ancient Ice
- FFDADA
≈ Cottagecore Sunset
Analog -30° +30°
- 73FDFF
Ancient Ice
- 8FFED3
≈ Roller Derby
- C1ECFF
≈ Blue Java Banana
Üçlü +120° +240°
- 73FDFF
Ancient Ice
- F4D9FF
≈ Lavender Savour
- FFDFB1
≈ Champagne Orange
Bölünmüş tamamlayıcı +150° +210°
- 73FDFF
Ancient Ice
- FFD7EB
≈ Pink Currant
- FFDCCB
≈ Glazed Sugar
Dörtlü +90° +180° +270°
- 73FDFF
Ancient Ice
- E1E1FF
≈ Stoic White
- FFDADA
≈ Cottagecore Sunset
- EEEA88
≈ King’s Field
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.21:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.22:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.22:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--ancient-ice: #73fdff;
--ancient-ice-rgb: 115 253 255;
--ancient-ice-oklch: oklch(0.919 0.12 196.6);
}
.element {
color: var(--ancient-ice);
background-color: hsl(181 100% 73%);
border-color: oklch(0.919 0.12 196.6);
}Tailwind CSS v4
@theme {
--color-ancient-ice: #73fdff;
--color-ancient-ice-50: #ceffff;
--color-ancient-ice-100: #b9f5f7;
--color-ancient-ice-200: #95e4e7;
--color-ancient-ice-300: #63cace;
--color-ancient-ice-400: #1fb4b6;
--color-ancient-ice-500: #009da1;
--color-ancient-ice-600: #008588;
--color-ancient-ice-700: #006b6d;
--color-ancient-ice-800: #004f4f;
--color-ancient-ice-900: #003737;
--color-ancient-ice-950: #002122;
}SCSS
$ancient-ice: #73fdff;
$ancient-ice-rgb: 115, 253, 255;
$ancient-ice-light: mix(#fff, $ancient-ice, 20%);
$ancient-ice-dark: mix(#000, $ancient-ice, 20%);
.element {
color: $ancient-ice;
box-shadow: 0 0 0 2px rgba($ancient-ice, 0.35);
}