Dichtstbijzijnde benoemde kleur · #00B0C9
#00B0C9
Dichtstbijzijnde benoemde kleur: Aquarius
#00B0C9 (rgb(0 176 201), hsl(187 100% 39%), oklch(0.695 0.121 212.4)) komt het dichtst bij de benoemde kleur Aquarius. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#00B0C9
oklch(0.695 0.121 212.4)
Kleurconversies
- HEX
- #00b0c9
- RGB
- rgb(0 176 201)
- HSL
- hsl(187 100% 39%)
- HWB
- hwb(187 0% 21%)
- OKLCH
- oklch(0.695 0.121 212.4)
- OKLab
- oklab(0.695 -0.102 -0.065)
- CIE Lab
- lab(65.49 -32.08 -24.02)
- LCH
- lch(65.49 40.08 216.8)
- CMYK
- cmyk(100% 12% 0% 21%)
Tinten · Schaduwen · Tonen
Tinten
- 3FB8CF
- 5CC0D4
- 75C8DA
- 8AD0DF
- 9FD8E4
- B3E0EA
- C6E8EF
- D9F0F4
- ECF7FA
Schaduwen
- 0099AE
- 008295
- 006C7C
- 005664
- 00424C
- 002E36
- 001C22
- 000B0F
- 000102
Tonen
- 2DABC2
- 40A7BA
- 4EA2B3
- 589DAC
- 6199A4
- 69949D
- 708F96
- 768A8E
- 7B8587
Kleurharmonieën
Complementair +180°
- 00B0C9
Aquarius
- DE7F6C
≈ Wet Pottery Clay
Analoog -30° +30°
- 00B0C9
Aquarius
- 15B5A3
≈ Aare River
- 50A5E2
≈ High Blue
Triadisch +120° +240°
- 00B0C9
Aquarius
- C980BE
≈ Peruvian Lily
- B79A36
≈ Gold Taffeta
Gesplitst complementair +150° +210°
- 00B0C9
Aquarius
- DA7B96
≈ Impatient Pink
- D28B46
≈ Hazelnut Coffee
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.60:1 · APCA Lc 50
Ag
AAAOp zwart
WCAG 8.05:1 · APCA Lc 52
Beste tekstkleur: #000000
WCAG 8.05:1 (AAA) · APCA Lc 52
Contrast pairs
Codefragmenten
CSS
:root {
--aquarius: #00b0c9;
--aquarius-rgb: 0 176 201;
--aquarius-oklch: oklch(0.695 0.121 212.4);
}
.element {
color: var(--aquarius);
background-color: hsl(187 100% 39%);
border-color: oklch(0.695 0.121 212.4);
}Tailwind CSS v4
@theme {
--color-aquarius: #00b0c9;
--color-aquarius-50: #cfffff;
--color-aquarius-100: #baf3ff;
--color-aquarius-200: #96e2f4;
--color-aquarius-300: #65c7de;
--color-aquarius-400: #24b1c8;
--color-aquarius-500: #009ab5;
--color-aquarius-600: #008299;
--color-aquarius-700: #00687b;
--color-aquarius-800: #004d5a;
--color-aquarius-900: #00353f;
--color-aquarius-950: #002028;
}SCSS
$aquarius: #00b0c9;
$aquarius-rgb: 0, 176, 201;
$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);
}