Benoemde kleur · #0FF0FE
Aqua
Aqua is #0FF0FE: rgb(15 240 254), hsl(184 99% 53%), oklch(0.87 0.147 202.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Cyan mean? → · Aqua color name →
#0FF0FE
oklch(0.87 0.147 202.4)
Kleurconversies
- HEX
- #0ff0fe
- RGB
- rgb(15 240 254)
- HSL
- hsl(184 99% 53%)
- HWB
- hwb(184 6% 0%)
- OKLCH
- oklch(0.87 0.147 202.4)
- OKLab
- oklab(0.87 -0.136 -0.056)
- CIE Lab
- lab(86.3 -44.81 -20.95)
- LCH
- lch(86.3 49.47 205.1)
- CMYK
- cmyk(94% 6% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 4FF2FE
- 6EF4FE
- 86F6FF
- 9BF7FF
- AEF9FF
- C0FAFF
- D1FCFF
- E1FDFF
- F0FEFF
Schaduwen
- 0BD1DD
- 08B2BD
- 05959E
- 037880
- 025D63
- 014347
- 002A2D
- 001416
- 000303
Tonen
- 3BE5F1
- 4FD9E4
- 5DCED7
- 67C3CA
- 6EB7BD
- 74ACB1
- 79A1A4
- 7C9698
- 7E8B8C
Kleurharmonieën
Complementair +180°
- 0FF0FE
Aqua
- FFC3C0
≈ Ladylike
Analoog -30° +30°
- 0FF0FE
Aqua
- 4FF3CA
≈ Onsen
- A1DEFF
≈ Columbia Blue
Triadisch +120° +240°
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.40:1 · APCA Lc 19
Ag
AAAOp zwart
WCAG 14.91:1 · APCA Lc 84
Beste tekstkleur: #000000
WCAG 14.91:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--aqua: #0ff0fe;
--aqua-rgb: 15 240 254;
--aqua-oklch: oklch(0.87 0.147 202.4);
}
.element {
color: var(--aqua);
background-color: hsl(184 99% 53%);
border-color: oklch(0.87 0.147 202.4);
}Tailwind CSS v4
@theme {
--color-aqua: #0ff0fe;
--color-aqua-50: #c4ffff;
--color-aqua-100: #adf7ff;
--color-aqua-200: #82e7f1;
--color-aqua-300: #40cdda;
--color-aqua-400: #00b7c4;
--color-aqua-500: #00a0b0;
--color-aqua-600: #008795;
--color-aqua-700: #006c77;
--color-aqua-800: #005057;
--color-aqua-900: #00383c;
--color-aqua-950: #002226;
}SCSS
$aqua: #0ff0fe;
$aqua-rgb: 15, 240, 254;
$aqua-light: mix(#fff, $aqua, 20%);
$aqua-dark: mix(#000, $aqua, 20%);
.element {
color: $aqua;
box-shadow: 0 0 0 2px rgba($aqua, 0.35);
}