Dichtstbijzijnde benoemde kleur · #732047
#732047
Dichtstbijzijnde benoemde kleur: Her Fierceness
#732047 (rgb(115 32 71), hsl(332 56% 29%), oklch(0.388 0.122 355.5)) komt het dichtst bij de benoemde kleur Her Fierceness. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#732047
oklch(0.388 0.122 355.5)
Kleurconversies
- HEX
- #732047
- RGB
- rgb(115 32 71)
- HSL
- hsl(332 56% 29%)
- HWB
- hwb(332 13% 55%)
- OKLCH
- oklch(0.388 0.122 355.5)
- OKLab
- oklab(0.388 0.122 -0.01)
- CIE Lab
- lab(27.39 39.24 -3.11)
- LCH
- lch(27.39 39.36 355.5)
- CMYK
- cmyk(0% 72% 38% 55%)
Tinten · Schaduwen · Tonen
Tinten
- 823757
- 914D68
- A0627A
- AE778C
- BC8D9E
- CAA3B1
- D7BAC4
- E5D0D7
- F2E8EB
Schaduwen
- 631A3D
- 541532
- 450F28
- 360A1F
- 280616
- 1B030D
- 0F0106
- 050002
- 010000
Tonen
- 762C4C
- 783652
- 7A4058
- 7C4A5D
- 7E5363
- 7F5C69
- 80656E
- 806E74
- 80777A
Kleurharmonieën
Complementair +180°
- 732047
Her Fierceness
- 005143
≈ Urban Green
Analoog -30° +30°
- 732047
Her Fierceness
- 642867
≈ Blackest Berry
- 78211F
≈ Incubus
Triadisch +120° +240°
- 732047
Her Fierceness
- 434900
≈ No Emissions Green
- 004A6A
≈ Adriatic
Gesplitst complementair +150° +210°
- 732047
Her Fierceness
- 005414
≈ Swamp Monster
- 004E55
≈ Deep Atlantic Blue
Tetradisch +90° +180° +270°
- 732047
Her Fierceness
- 574000
≈ Roman Bronze
- 005143
≈ Urban Green
- 243F85
≈ Blue Oblivion
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 10.36:1 · APCA Lc 93
Ag
FailOp zwart
WCAG 2.02:1 · APCA Lc 9
Beste tekstkleur: #FFFFFF
WCAG 10.36:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--her-fierceness: #732047;
--her-fierceness-rgb: 115 32 71;
--her-fierceness-oklch: oklch(0.388 0.122 355.5);
}
.element {
color: var(--her-fierceness);
background-color: hsl(332 56% 29%);
border-color: oklch(0.388 0.122 355.5);
}Tailwind CSS v4
@theme {
--color-her-fierceness: #732047;
--color-her-fierceness-50: #ffe7f5;
--color-her-fierceness-100: #ffd8e8;
--color-her-fierceness-200: #ffbfd4;
--color-her-fierceness-300: #eb9db8;
--color-her-fierceness-400: #d77fa1;
--color-her-fierceness-500: #c36089;
--color-her-fierceness-600: #a55274;
--color-her-fierceness-700: #85415d;
--color-her-fierceness-800: #622f46;
--color-her-fierceness-900: #452030;
--color-her-fierceness-950: #2c0f1c;
}SCSS
$her-fierceness: #732047;
$her-fierceness-rgb: 115, 32, 71;
$her-fierceness-light: mix(#fff, $her-fierceness, 20%);
$her-fierceness-dark: mix(#000, $her-fierceness, 20%);
.element {
color: $her-fierceness;
box-shadow: 0 0 0 2px rgba($her-fierceness, 0.35);
}