Adlandırılmış renk · #99DBFE
Shiva Blue
Shiva Blue, #99DBFE: rgb(153 219 254), hsl(201 98% 80%), oklch(0.859 0.082 232.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Shiva Blue color name →
#99DBFE
oklch(0.859 0.082 232.1)
Renk dönüşümleri
- HEX
- #99dbfe
- RGB
- rgb(153 219 254)
- HSL
- hsl(201 98% 80%)
- HWB
- hwb(201 60% 0%)
- OKLCH
- oklch(0.859 0.082 232.1)
- OKLab
- oklab(0.859 -0.051 -0.065)
- CIE Lab
- lab(83.9 -15.07 -24.12)
- LCH
- lch(83.9 28.44 238)
- CMYK
- cmyk(40% 14% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A4DFFE
- AFE2FF
- B9E6FF
- C3EAFF
- CDEDFF
- D8F1FF
- E1F5FF
- EBF8FF
- F5FCFF
Koyu tonlar
- 84BEDD
- 70A2BD
- 5D879E
- 4A6D80
- 385463
- 273C47
- 17262D
- 081116
- 010203
Gri tonlar
- 97D2F1
- 95C8E4
- 93BFD7
- 91B6CA
- 8EADBD
- 8CA4B1
- 899BA4
- 869298
- 83898C
Renk uyumları
Tamamlayıcı +180°
- 99DBFE
Shiva Blue
- FDC29F
≈ Coral Gable
Analog -30° +30°
- 99DBFE
Shiva Blue
- 8DE1E8
≈ Paradisiacal Getaway
- B9D2FF
≈ Ice Cold Stare
Üçlü +120° +240°
- 99DBFE
Shiva Blue
- FCBBD6
≈ Cotton Candy
- D1D798
≈ Mellow Green
Bölünmüş tamamlayıcı +150° +210°
- 99DBFE
Shiva Blue
- FFBEBA
≈ Peach Scone
- ECCC92
≈ Sunlight
Dörtlü +90° +180° +270°
- 99DBFE
Shiva Blue
- EBBFF1
≈ Lovecloud
- FDC29F
≈ Coral Gable
- B2DFAD
≈ Frozen Moss Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.91:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.91:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--shiva-blue: #99dbfe;
--shiva-blue-rgb: 153 219 254;
--shiva-blue-oklch: oklch(0.859 0.082 232.1);
}
.element {
color: var(--shiva-blue);
background-color: hsl(201 98% 80%);
border-color: oklch(0.859 0.082 232.1);
}Tailwind CSS v4
@theme {
--color-shiva-blue: #99dbfe;
--color-shiva-blue-50: #dffaff;
--color-shiva-blue-100: #ceedff;
--color-shiva-blue-200: #b3dbf3;
--color-shiva-blue-300: #8ebfdc;
--color-shiva-blue-400: #6aa7c7;
--color-shiva-blue-500: #4690b3;
--color-shiva-blue-600: #3d7a98;
--color-shiva-blue-700: #30617a;
--color-shiva-blue-800: #214859;
--color-shiva-blue-900: #16323f;
--color-shiva-blue-950: #061d28;
}SCSS
$shiva-blue: #99dbfe;
$shiva-blue-rgb: 153, 219, 254;
$shiva-blue-light: mix(#fff, $shiva-blue, 20%);
$shiva-blue-dark: mix(#000, $shiva-blue, 20%);
.element {
color: $shiva-blue;
box-shadow: 0 0 0 2px rgba($shiva-blue, 0.35);
}