Benoemde kleur · #00FBFF
Aggressive Aqua
Aggressive Aqua is #00FBFF: rgb(0 251 255), hsl(181 100% 50%), oklch(0.896 0.153 196.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Aggressive Aqua color name →
#00FBFF
oklch(0.896 0.153 196.8)
Kleurconversies
- HEX
- #00fbff
- RGB
- rgb(0 251 255)
- HSL
- hsl(181 100% 50%)
- HWB
- hwb(181 0% 0%)
- OKLCH
- oklch(0.896 0.153 196.8)
- OKLab
- oklab(0.896 -0.146 -0.044)
- CIE Lab
- lab(89.5 -49.15 -16.7)
- LCH
- lch(89.5 51.91 198.8)
- CMYK
- cmyk(100% 2% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 4FFCFF
- 6FFDFF
- 88FDFF
- 9DFEFF
- B0FEFF
- C2FFFF
- D2FFFF
- E2FFFF
- F1FFFF
Schaduwen
- 00DADE
- 00BABE
- 009C9E
- 007E80
- 006163
- 004648
- 002D2E
- 001516
- 000303
Tonen
- 3AEEF2
- 50E2E4
- 5ED5D7
- 68C9CA
- 70BDBE
- 75B0B1
- 7AA4A5
- 7D9898
- 7F8C8C
Kleurharmonieën
Complementair +180°
- 00FBFF
Aggressive Aqua
- FFCFD0
≈ Aromatic Breeze
Analoog -30° +30°
- 00FBFF
Aggressive Aqua
- 60FDC7
≈ Rare Wind
- AFE6FF
≈ Frozen Landscape
Triadisch +120° +240°
- 00FBFF
Aggressive Aqua
- F2CEFF
≈ Rose Dragée
- FFD598
≈ Caramel Finish
Gesplitst complementair +150° +210°
- 00FBFF
Aggressive Aqua
- FFCCE5
≈ Classic Rose
- FFD2BC
≈ Vienna Sausage
Tetradisch +90° +180° +270°
- 00FBFF
Aggressive Aqua
- D9D8FF
≈ Transparent Blue
- FFCFD0
≈ Aromatic Breeze
- E9E35F
≈ Celandine
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.29:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.24:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.24:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--aggressive-aqua: #00fbff;
--aggressive-aqua-rgb: 0 251 255;
--aggressive-aqua-oklch: oklch(0.896 0.153 196.8);
}
.element {
color: var(--aggressive-aqua);
background-color: hsl(181 100% 50%);
border-color: oklch(0.896 0.153 196.8);
}Tailwind CSS v4
@theme {
--color-aggressive-aqua: #00fbff;
--color-aggressive-aqua-50: #c2ffff;
--color-aggressive-aqua-100: #aaf8fb;
--color-aggressive-aqua-200: #7ee8ed;
--color-aggressive-aqua-300: #35cfd5;
--color-aggressive-aqua-400: #00b9bd;
--color-aggressive-aqua-500: #00a2a8;
--color-aggressive-aqua-600: #00898e;
--color-aggressive-aqua-700: #006e72;
--color-aggressive-aqua-800: #005152;
--color-aggressive-aqua-900: #003939;
--color-aggressive-aqua-950: #002324;
}SCSS
$aggressive-aqua: #00fbff;
$aggressive-aqua-rgb: 0, 251, 255;
$aggressive-aqua-light: mix(#fff, $aggressive-aqua, 20%);
$aggressive-aqua-dark: mix(#000, $aggressive-aqua, 20%);
.element {
color: $aggressive-aqua;
box-shadow: 0 0 0 2px rgba($aggressive-aqua, 0.35);
}