Dichtstbijzijnde benoemde kleur · #902B57
#902B57
Dichtstbijzijnde benoemde kleur: Pink Horror
#902B57 (rgb(144 43 87), hsl(334 54% 37%), oklch(0.456 0.141 357.6)) 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.
#902B57
oklch(0.456 0.141 357.6)
Kleurconversies
- HEX
- #902b57
- RGB
- rgb(144 43 87)
- HSL
- hsl(334 54% 37%)
- HWB
- hwb(334 17% 44%)
- OKLCH
- oklch(0.456 0.141 357.6)
- OKLab
- oklab(0.456 0.141 -0.006)
- CIE Lab
- lab(35.03 45.64 -1.65)
- LCH
- lch(35.03 45.67 357.9)
- CMYK
- cmyk(0% 70% 40% 44%)
Tinten · Schaduwen · Tonen
Tinten
- 9D4266
- A95776
- B56C86
- C18096
- CC95A7
- D7AAB8
- E2BFC9
- ECD4DB
- F6E9ED
Schaduwen
- 7D244B
- 6A1D3E
- 571633
- 451027
- 340A1C
- 240512
- 150208
- 070103
- 010000
Tonen
- 90365B
- 8F405F
- 8F4963
- 8E5167
- 8C5A6B
- 8B626F
- 896973
- 867178
- 83797C
Kleurharmonieën
Complementair +180°
- 902B57
Pink Horror
- 006656
≈ Piney Lake
Analoog -30° +30°
- 902B57
Pink Horror
- 7E347E
≈ Sparkling Grape
- 962D26
≈ Saffronaut
Triadisch +120° +240°
- 902B57
Pink Horror
- 525E00
≈ Greensboro
- 005E87
≈ Blue Flame
Gesplitst complementair +150° +210°
- 902B57
Pink Horror
- 006A25
≈ Avagddu Green
- 00636D
≈ Peacock Tail
Tetradisch +90° +180° +270°
- 902B57
Pink Horror
- 6D5300
≈ Ayahuasca Vine
- 006656
≈ Piney Lake
- 354FA4
≈ Dazzling Blue
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.86:1 · APCA Lc 86
Ag
FailOp zwart
WCAG 2.66:1 · APCA Lc 16
Beste tekstkleur: #FFFFFF
WCAG 7.86:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--pink-horror: #902b57;
--pink-horror-rgb: 144 43 87;
--pink-horror-oklch: oklch(0.456 0.141 357.6);
}
.element {
color: var(--pink-horror);
background-color: hsl(334 54% 37%);
border-color: oklch(0.456 0.141 357.6);
}Tailwind CSS v4
@theme {
--color-pink-horror: #902b57;
--color-pink-horror-50: #ffe5f4;
--color-pink-horror-100: #ffd5e6;
--color-pink-horror-200: #ffbbd2;
--color-pink-horror-300: #f398b5;
--color-pink-horror-400: #e0789f;
--color-pink-horror-500: #cd5886;
--color-pink-horror-600: #ad4b72;
--color-pink-horror-700: #8b3c5b;
--color-pink-horror-800: #672b44;
--color-pink-horror-900: #481d2f;
--color-pink-horror-950: #2f0c1c;
}SCSS
$pink-horror: #902b57;
$pink-horror-rgb: 144, 43, 87;
$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);
}