Benoemde kleur · #00EEFF
Brain Freeze
Brain Freeze is #00EEFF: rgb(0 238 255), hsl(184 100% 50%), oklch(0.865 0.148 204). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Cyan mean? → · Brain Freeze color name →
#00EEFF
oklch(0.865 0.148 204)
Kleurconversies
- HEX
- #00eeff
- RGB
- rgb(0 238 255)
- HSL
- hsl(184 100% 50%)
- HWB
- hwb(184 0% 0%)
- OKLCH
- oklch(0.865 0.148 204)
- OKLab
- oklab(0.865 -0.135 -0.06)
- CIE Lab
- lab(85.68 -44.14 -22.4)
- LCH
- lch(85.68 49.49 206.9)
- CMYK
- cmyk(100% 7% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 4CF0FF
- 6CF2FF
- 85F4FF
- 9AF6FF
- ADF8FF
- BFFAFF
- D0FBFF
- E0FCFF
- F0FEFF
Schaduwen
- 00CFDE
- 00B1BE
- 00939E
- 007780
- 005C63
- 004248
- 002A2E
- 001416
- 000303
Tonen
- 38E3F2
- 4DD8E5
- 5BCCD8
- 65C1CB
- 6DB6BE
- 73ABB1
- 78A1A5
- 7C9698
- 7E8B8C
Kleurharmonieën
Complementair +180°
- 00EEFF
Brain Freeze
- FFC1BC
≈ Ladylike
Analoog -30° +30°
- 00EEFF
Brain Freeze
- 47F2CB
≈ Onsen
- 9FDCFF
≈ Columbia Blue
Triadisch +120° +240°
- 00EEFF
Brain Freeze
- FAB8FF
≈ Sweet Slumber Pink
- FFCA56
≈ Angry Pasta
Gesplitst complementair +150° +210°
- 00EEFF
Brain Freeze
- FFBDD6
≈ Cotton Candy
- FFC49F
≈ Coral Gable
Tetradisch +90° +180° +270°
- 00EEFF
Brain Freeze
- D5CAFF
≈ Innocent Snowdrop
- FFC1BC
≈ Ladylike
- D2DD62
≈ Chinese Green
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.43:1 · APCA Lc 20
Ag
AAAOp zwart
WCAG 14.67:1 · APCA Lc 83
Beste tekstkleur: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--brain-freeze: #00eeff;
--brain-freeze-rgb: 0 238 255;
--brain-freeze-oklch: oklch(0.865 0.148 204);
}
.element {
color: var(--brain-freeze);
background-color: hsl(184 100% 50%);
border-color: oklch(0.865 0.148 204);
}Tailwind CSS v4
@theme {
--color-brain-freeze: #00eeff;
--color-brain-freeze-50: #c4ffff;
--color-brain-freeze-100: #adf7ff;
--color-brain-freeze-200: #82e7f3;
--color-brain-freeze-300: #40cddc;
--color-brain-freeze-400: #00b6c6;
--color-brain-freeze-500: #00a0b3;
--color-brain-freeze-600: #008797;
--color-brain-freeze-700: #006c79;
--color-brain-freeze-800: #005058;
--color-brain-freeze-900: #00383d;
--color-brain-freeze-950: #002227;
}SCSS
$brain-freeze: #00eeff;
$brain-freeze-rgb: 0, 238, 255;
$brain-freeze-light: mix(#fff, $brain-freeze, 20%);
$brain-freeze-dark: mix(#000, $brain-freeze, 20%);
.element {
color: $brain-freeze;
box-shadow: 0 0 0 2px rgba($brain-freeze, 0.35);
}