Dichtstbijzijnde benoemde kleur · #8B305A
#8B305A
Dichtstbijzijnde benoemde kleur: Pink Horror
#8B305A (rgb(139 48 90), hsl(332 49% 37%), oklch(0.454 0.131 355)) komt het dichtst bij de benoemde kleur Pink Horror. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8B305A
oklch(0.454 0.131 355)
Kleurconversies
- HEX
- #8b305a
- RGB
- rgb(139 48 90)
- HSL
- hsl(332 49% 37%)
- HWB
- hwb(332 19% 45%)
- OKLCH
- oklch(0.454 0.131 355)
- OKLab
- oklab(0.454 0.13 -0.011)
- CIE Lab
- lab(34.97 42.21 -3.8)
- LCH
- lch(34.97 42.38 354.9)
- CMYK
- cmyk(0% 65% 35% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 984569
- A55A78
- B16E88
- BD8298
- C996A9
- D4ABB9
- DFBFCA
- EAD4DC
- F5E9ED
Schaduwen
- 78284D
- 662141
- 541A35
- 431329
- 320C1E
- 230613
- 140309
- 070103
- 010000
Tonen
- 8B3A5E
- 8B4361
- 8B4B65
- 8A5369
- 895B6D
- 886371
- 876A74
- 857178
- 83797C
Kleurharmonieën
Complementair +180°
- 8B305A
Pink Horror
- 006654
≈ Piney Lake
Analoog -30° +30°
- 8B305A
Pink Horror
- 79387E
≈ Sparkling Grape
- 91312F
≈ Ripasso
Triadisch +120° +240°
- 8B305A
Pink Horror
- 555C00
≈ Greensboro
- 005E84
≈ Sapphire Sparkle
Gesplitst complementair +150° +210°
- 8B305A
Pink Horror
- 156821
≈ Avagddu Green
- 00626B
≈ Turkish Aqua
Tetradisch +90° +180° +270°
- 8B305A
Pink Horror
- 6E5100
≈ Field Drab
- 006654
≈ Piney Lake
- 32519E
≈ Dazzling Blue
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.87:1 · APCA Lc 87
Ag
FailOp zwart
WCAG 2.66:1 · APCA Lc 16
Beste tekstkleur: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--pink-horror: #8b305a;
--pink-horror-rgb: 139 48 90;
--pink-horror-oklch: oklch(0.454 0.131 355);
}
.element {
color: var(--pink-horror);
background-color: hsl(332 49% 37%);
border-color: oklch(0.454 0.131 355);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8b305a;
--color-pink-horror-50: #ffe6f6;
--color-pink-horror-100: #ffd6e8;
--color-pink-horror-200: #ffbdd5;
--color-pink-horror-300: #ee9bb8;
--color-pink-horror-400: #da7ca2;
--color-pink-horror-500: #c75d8a;
--color-pink-horror-600: #a84f75;
--color-pink-horror-700: #873f5e;
--color-pink-horror-800: #642d46;
--color-pink-horror-900: #461e31;
--color-pink-horror-950: #2d0e1d;
}SCSS
$pink-horror: #8b305a;
$pink-horror-rgb: 139, 48, 90;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}