Benoemde kleur · #FFD266
Bright Halo
Bright Halo is #FFD266: rgb(255 210 102), hsl(42 100% 70%), oklch(0.882 0.135 86.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Bright Halo color name →
#FFD266
oklch(0.882 0.135 86.7)
Kleurconversies
- HEX
- #ffd266
- RGB
- rgb(255 210 102)
- HSL
- hsl(42 100% 70%)
- HWB
- hwb(42 40% 0%)
- OKLCH
- oklch(0.882 0.135 86.7)
- OKLab
- oklab(0.882 0.008 0.135)
- CIE Lab
- lab(86.63 7.69 58.51)
- LCH
- lch(86.63 59.01 82.5)
- CMYK
- cmyk(0% 18% 60% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFD779
- FFDC8A
- FFE09A
- FFE5A9
- FFE9B8
- FFEEC7
- FFF2D5
- FFF7E3
- FFFBF1
Schaduwen
- DEB658
- BE9B4A
- 9E813C
- 80682F
- 635023
- 483917
- 2E240C
- 161004
- 030200
Tonen
- F2CA6C
- E5C170
- D7B974
- CBB177
- BEA97A
- B1A17C
- A5997E
- 98907F
- 8C8880
Kleurharmonieën
Complementair +180°
- FFD266
Bright Halo
- C7D8FF
≈ Pale Phthalo Blue
Analoog -30° +30°
- FFD266
Bright Halo
- FFCCA9
≈ Peachy Pico
- D2E477
≈ Idocrase Green
Triadisch +120° +240°
- FFD266
Bright Halo
- 6AEEFF
≈ Robin’s Egg
- FFBFFE
≈ Distilled Rose
Gesplitst complementair +150° +210°
- FFD266
Bright Halo
- AFE0FF
≈ Droplet
- DCD0FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- FFD266
Bright Halo
- 5FF5D6
≈ Tiffany Blue
- C7D8FF
≈ Pale Phthalo Blue
- FFC6D9
≈ Sweet Serenade
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.43:1 · APCA Lc 21
Ag
AAAOp zwart
WCAG 14.66:1 · APCA Lc 83
Beste tekstkleur: #000000
WCAG 14.66:1 (AAA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--bright-halo: #ffd266;
--bright-halo-rgb: 255 210 102;
--bright-halo-oklch: oklch(0.882 0.135 86.7);
}
.element {
color: var(--bright-halo);
background-color: hsl(42 100% 70%);
border-color: oklch(0.882 0.135 86.7);
}Tailwind CSS v4
@theme {
--color-bright-halo: #ffd266;
--color-bright-halo-50: #fff4ca;
--color-bright-halo-100: #fae6b5;
--color-bright-halo-200: #ecd291;
--color-bright-halo-300: #d4b462;
--color-bright-halo-400: #c1982d;
--color-bright-halo-500: #ad7e00;
--color-bright-halo-600: #926b00;
--color-bright-halo-700: #755500;
--color-bright-halo-800: #583d00;
--color-bright-halo-900: #3d2a00;
--color-bright-halo-950: #271700;
}SCSS
$bright-halo: #ffd266;
$bright-halo-rgb: 255, 210, 102;
$bright-halo-light: mix(#fff, $bright-halo, 20%);
$bright-halo-dark: mix(#000, $bright-halo, 20%);
.element {
color: $bright-halo;
box-shadow: 0 0 0 2px rgba($bright-halo, 0.35);
}