Benoemde kleur · #99DBFE
Shiva Blue
Shiva Blue is #99DBFE: rgb(153 219 254), hsl(201 98% 80%), oklch(0.859 0.082 232.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Shiva Blue color name →
#99DBFE
oklch(0.859 0.082 232.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- A4DFFE
- AFE2FF
- B9E6FF
- C3EAFF
- CDEDFF
- D8F1FF
- E1F5FF
- EBF8FF
- F5FCFF
Schaduwen
- 84BEDD
- 70A2BD
- 5D879E
- 4A6D80
- 385463
- 273C47
- 17262D
- 081116
- 010203
Tonen
- 97D2F1
- 95C8E4
- 93BFD7
- 91B6CA
- 8EADBD
- 8CA4B1
- 899BA4
- 869298
- 83898C
Kleurharmonieën
Complementair +180°
- 99DBFE
Shiva Blue
- FDC29F
≈ Coral Gable
Analoog -30° +30°
- 99DBFE
Shiva Blue
- 8DE1E8
≈ Paradisiacal Getaway
- B9D2FF
≈ Ice Cold Stare
Triadisch +120° +240°
- 99DBFE
Shiva Blue
- FCBBD6
≈ Cotton Candy
- D1D798
≈ Mellow Green
Gesplitst complementair +150° +210°
- 99DBFE
Shiva Blue
- FFBEBA
≈ Peach Scone
- ECCC92
≈ Sunlight
Tetradisch +90° +180° +270°
- 99DBFE
Shiva Blue
- EBBFF1
≈ Lovecloud
- FDC29F
≈ Coral Gable
- B2DFAD
≈ Frozen Moss Green
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.50:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.91:1 · APCA Lc 80
Beste tekstkleur: #000000
WCAG 13.91:1 (AAA) · APCA Lc 80
Contrast pairs
Codefragmenten
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);
}