Dichtstbijzijnde benoemde kleur · #B03F99
#B03F99
Dichtstbijzijnde benoemde kleur: Fandango
#B03F99 (rgb(176 63 153), hsl(312 47% 47%), oklch(0.556 0.179 336.7)) komt het dichtst bij de benoemde kleur Fandango. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B03F99
oklch(0.556 0.179 336.7)
Kleurconversies
- HEX
- #b03f99
- RGB
- rgb(176 63 153)
- HSL
- hsl(312 47% 47%)
- HWB
- hwb(312 25% 31%)
- OKLCH
- oklch(0.556 0.179 336.7)
- OKLab
- oklab(0.556 0.164 -0.071)
- CIE Lab
- lab(45.84 53.96 -25.58)
- LCH
- lch(45.84 59.72 334.6)
- CMYK
- cmyk(0% 64% 13% 31%)
Tinten · Schaduwen · Tonen
Tinten
- BA54A3
- C368AD
- CC7CB8
- D48EC2
- DCA1CC
- E4B4D6
- EBC6E0
- F2D9EB
- F9ECF5
Schaduwen
- 993584
- 822C70
- 6C235D
- 561B4A
- 421238
- 2E0A27
- 1C0417
- 0B0108
- 010001
Tonen
- AC4897
- A85094
- A45892
- A05E90
- 9B658D
- 976B8B
- 917088
- 8C7686
- 867B83
Kleurharmonieën
Complementair +180°
- B03F99
Fandango
- 008952
≈ English Meadow
Analoog -30° +30°
- B03F99
Fandango
- 8F4FC3
≈ Morado Purple
- C33662
≈ Maroon Light
Triadisch +120° +240°
- B03F99
Fandango
- 877200
≈ Vermin Brown
- 008199
≈ Decore Splash
Gesplitst complementair +150° +210°
- B03F99
Fandango
- 5D8100
≈ Avocado
- 00857C
≈ Ornamental Turquoise
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 4.01:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--fandango: #b03f99;
--fandango-rgb: 176 63 153;
--fandango-oklch: oklch(0.556 0.179 336.7);
}
.element {
color: var(--fandango);
background-color: hsl(312 47% 47%);
border-color: oklch(0.556 0.179 336.7);
}Tailwind CSS v4
@theme {
--color-fandango: #b03f99;
--color-fandango-50: #ffe2ff;
--color-fandango-100: #ffd1fc;
--color-fandango-200: #ffb6ee;
--color-fandango-300: #f292d6;
--color-fandango-400: #de70c5;
--color-fandango-500: #cb4cb1;
--color-fandango-600: #ac4195;
--color-fandango-700: #8a3478;
--color-fandango-800: #65255b;
--color-fandango-900: #47193f;
--color-fandango-950: #2e0828;
}SCSS
$fandango: #b03f99;
$fandango-rgb: 176, 63, 153;
$fandango-light: mix(#fff, $fandango, 20%);
$fandango-dark: mix(#000, $fandango, 20%);
.element {
color: $fandango;
box-shadow: 0 0 0 2px rgba($fandango, 0.35);
}