Dichtstbijzijnde benoemde kleur · #00B9DE
#00B9DE
Dichtstbijzijnde benoemde kleur: Aquarius
#00B9DE (rgb(0 185 222), hsl(190 100% 44%), oklch(0.726 0.131 219)) komt het dichtst bij de benoemde kleur Aquarius. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#00B9DE
oklch(0.726 0.131 219)
Kleurconversies
- HEX
- #00b9de
- RGB
- rgb(0 185 222)
- HSL
- hsl(190 100% 44%)
- HWB
- hwb(190 0% 13%)
- OKLCH
- oklch(0.726 0.131 219)
- OKLab
- oklab(0.726 -0.102 -0.083)
- CIE Lab
- lab(68.9 -30.44 -30.29)
- LCH
- lch(68.9 42.94 224.9)
- CMYK
- cmyk(100% 17% 0% 13%)
Tinten · Schaduwen · Tonen
Tinten
- 41C0E2
- 5FC8E5
- 77CFE9
- 8DD6EC
- A1DDEF
- B5E4F3
- C8EBF6
- DBF2F9
- EDF8FC
Schaduwen
- 00A0C1
- 0089A5
- 007189
- 005B6F
- 004655
- 00313D
- 001E26
- 000D12
- 000202
Tonen
- 2FB3D4
- 42AECB
- 50A8C1
- 5AA3B8
- 639DAF
- 6B97A5
- 71929C
- 778C93
- 7C8689
Kleurharmonieën
Complementair +180°
- 00B9DE
Aquarius
- EC8866
≈ Firewatch
Analoog -30° +30°
- 00B9DE
Aquarius
- 00BFB6
≈ Turquoise Topaz
- 5FACF5
≈ Blue Jeans
Triadisch +120° +240°
- 00B9DE
Aquarius
- DC84C2
≈ Pink Punk
- BBA736
≈ Hey Pesto
Gesplitst complementair +150° +210°
- 00B9DE
Aquarius
- EC8195
≈ Melon Mist
- DB963E
≈ Aged Gouda
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.33:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 8.99:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 8.99:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--aquarius: #00b9de;
--aquarius-rgb: 0 185 222;
--aquarius-oklch: oklch(0.726 0.131 219);
}
.element {
color: var(--aquarius);
background-color: hsl(190 100% 44%);
border-color: oklch(0.726 0.131 219);
}Tailwind CSS v4
@theme {
--color-aquarius: #00b9de;
--color-aquarius-50: #cdffff;
--color-aquarius-100: #b8f3ff;
--color-aquarius-200: #93e2fc;
--color-aquarius-300: #60c7e7;
--color-aquarius-400: #0eb0d3;
--color-aquarius-500: #0098c0;
--color-aquarius-600: #0081a2;
--color-aquarius-700: #006782;
--color-aquarius-800: #004c60;
--color-aquarius-900: #003543;
--color-aquarius-950: #00202b;
}SCSS
$aquarius: #00b9de;
$aquarius-rgb: 0, 185, 222;
$aquarius-light: mix(#fff, $aquarius, 20%);
$aquarius-dark: mix(#000, $aquarius, 20%);
.element {
color: $aquarius;
box-shadow: 0 0 0 2px rgba($aquarius, 0.35);
}