Benannte Farbe · #B12D35
Unmatched Beauty
Unmatched Beauty ist #B12D35: rgb(177 45 53), hsl(356 59% 44%), oklch(0.507 0.168 22.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Unmatched Beauty color name →
#B12D35
oklch(0.507 0.168 22.6)
Farbumrechnungen
- HEX
- #b12d35
- RGB
- rgb(177 45 53)
- HSL
- hsl(356 59% 44%)
- HWB
- hwb(356 18% 31%)
- OKLCH
- oklch(0.507 0.168 22.6)
- OKLab
- oklab(0.507 0.155 0.064)
- CIE Lab
- lab(41.02 53.55 29.17)
- LCH
- lch(41.02 60.98 28.6)
- CMYK
- cmyk(0% 75% 70% 31%)
Tints · Shades · Tones
Tints
- BB4748
- C55D5C
- CF726F
- D78683
- DF9A96
- E7AEAB
- EEC2BF
- F4D6D4
- FAEBE9
Shades
- 99262D
- 831F25
- 6C181D
- 571115
- 420B0E
- 2F0608
- 1C0203
- 0C0101
- 010000
Tones
- AE3A3D
- AA4445
- A74E4D
- A25654
- 9E5E5C
- 996563
- 946D6A
- 8E7371
- 877A79
Farbharmonien
Komplementär +180°
- B12D35
Unmatched Beauty
- 00737B
≈ Scurf Green
Analog -30° +30°
- B12D35
Unmatched Beauty
- A82E6E
≈ Carroburg Crimson
- 9C4B00
≈ Burnt Bagel
Triadisch +120° +240°
- B12D35
Unmatched Beauty
- 097B09
≈ Green Hills
- 2D5EC3
≈ Amnesia Blue
Geteilt komplementär +150° +210°
- B12D35
Unmatched Beauty
- 00775F
≈ Tropical Rainforest
- 006E96
≈ Tropic Sea
Tetradisch +90° +180° +270°
- B12D35
Unmatched Beauty
- 676B00
≈ Brownish Green
- 00737B
≈ Scurf Green
- 6B4BBB
≈ Waiporoporo Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.37:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.29:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--unmatched-beauty: #b12d35;
--unmatched-beauty-rgb: 177 45 53;
--unmatched-beauty-oklch: oklch(0.507 0.168 22.6);
}
.element {
color: var(--unmatched-beauty);
background-color: hsl(356 59% 44%);
border-color: oklch(0.507 0.168 22.6);
}Tailwind CSS v4
@theme {
--color-unmatched-beauty: #b12d35;
--color-unmatched-beauty-50: #ffe3dd;
--color-unmatched-beauty-100: #ffd3cc;
--color-unmatched-beauty-200: #ffb8b1;
--color-unmatched-beauty-300: #ff938c;
--color-unmatched-beauty-400: #f1706f;
--color-unmatched-beauty-500: #e04b50;
--color-unmatched-beauty-600: #bd4144;
--color-unmatched-beauty-700: #983436;
--color-unmatched-beauty-800: #712428;
--color-unmatched-beauty-900: #50181b;
--color-unmatched-beauty-950: #35080c;
}SCSS
$unmatched-beauty: #b12d35;
$unmatched-beauty-rgb: 177, 45, 53;
$unmatched-beauty-light: mix(#fff, $unmatched-beauty, 20%);
$unmatched-beauty-dark: mix(#000, $unmatched-beauty, 20%);
.element {
color: $unmatched-beauty;
box-shadow: 0 0 0 2px rgba($unmatched-beauty, 0.35);
}