Adlandırılmış renk · #88FFFF
Glitter Shower
Glitter Shower, #88FFFF: rgb(136 255 255), hsl(180 100% 77%), oklch(0.931 0.108 195.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? → · Glitter Shower color name →
#88FFFF
oklch(0.931 0.108 195.5)
Renk dönüşümleri
- HEX
- #88ffff
- RGB
- rgb(136 255 255)
- HSL
- hsl(180 100% 77%)
- HWB
- hwb(180 53% 0%)
- OKLCH
- oklch(0.931 0.108 195.5)
- OKLab
- oklab(0.931 -0.104 -0.029)
- CIE Lab
- lab(93.11 -35.18 -11.02)
- LCH
- lch(93.11 36.87 197.4)
- CMYK
- cmyk(47% 0% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 97FFFF
- A5FFFF
- B2FFFF
- BEFFFF
- CAFFFF
- D5FFFF
- E0FFFF
- EBFFFF
- F5FFFF
Koyu tonlar
- 75DEDE
- 63BEBE
- 529E9E
- 418080
- 316363
- 224848
- 132E2E
- 061616
- 010303
Gri tonlar
- 8AF2F2
- 8BE5E4
- 8BD8D7
- 8BCBCA
- 8ABEBE
- 89B1B1
- 88A5A4
- 859898
- 838C8C
Renk uyumları
Tamamlayıcı +180°
- 88FFFF
Glitter Shower
- FFDFE0
≈ Red Remains
Analog -30° +30°
- 88FFFF
Glitter Shower
- A2FFD7
≈ Pale Turquoise
- CAEFFF
≈ Heaven’s Gate
Üçlü +120° +240°
- 88FFFF
Glitter Shower
- F5DFFF
≈ Lavender Savour
- FFE4BE
≈ Cheese Powder
Bölünmüş tamamlayıcı +150° +210°
- 88FFFF
Glitter Shower
- FFDDEF
≈ Transparent Pink
- FFE1D4
≈ Light Quilt
Dörtlü +90° +180° +270°
- 88FFFF
Glitter Shower
- E5E5FF
≈ Lavender Mist
- FFDFE0
≈ Red Remains
- F2ED96
≈ Golden Fragrance
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.18:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.79:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.79:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--glitter-shower: #88ffff;
--glitter-shower-rgb: 136 255 255;
--glitter-shower-oklch: oklch(0.931 0.108 195.5);
}
.element {
color: var(--glitter-shower);
background-color: hsl(180 100% 77%);
border-color: oklch(0.931 0.108 195.5);
}Tailwind CSS v4
@theme {
--color-glitter-shower: #88ffff;
--color-glitter-shower-50: #d2ffff;
--color-glitter-shower-100: #bef4f5;
--color-glitter-shower-200: #9de3e4;
--color-glitter-shower-300: #6fc9cb;
--color-glitter-shower-400: #3cb2b3;
--color-glitter-shower-500: #009b9d;
--color-glitter-shower-600: #008385;
--color-glitter-shower-700: #00696a;
--color-glitter-shower-800: #004e4d;
--color-glitter-shower-900: #003635;
--color-glitter-shower-950: #002121;
}SCSS
$glitter-shower: #88ffff;
$glitter-shower-rgb: 136, 255, 255;
$glitter-shower-light: mix(#fff, $glitter-shower, 20%);
$glitter-shower-dark: mix(#000, $glitter-shower, 20%);
.element {
color: $glitter-shower;
box-shadow: 0 0 0 2px rgba($glitter-shower, 0.35);
}