Benannte Farbe · #482427
New Bulgarian Rose
New Bulgarian Rose ist #482427: rgb(72 36 39), hsl(355 33% 21%), oklch(0.31 0.055 15.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · New Bulgarian Rose color name →
#482427
oklch(0.31 0.055 15.5)
Farbumrechnungen
- HEX
- #482427
- RGB
- rgb(72 36 39)
- HSL
- hsl(355 33% 21%)
- HWB
- hwb(355 14% 72%)
- OKLCH
- oklch(0.31 0.055 15.5)
- OKLab
- oklab(0.31 0.053 0.015)
- CIE Lab
- lab(19.35 17.72 6.01)
- LCH
- lch(19.35 18.71 18.7)
- CMYK
- cmyk(0% 50% 46% 72%)
Tints · Shades · Tones
Tints
- 593739
- 6B4B4D
- 7D5F61
- 8F7576
- A18A8B
- B3A1A1
- C6B7B8
- D9CFCF
- ECE7E7
Shades
- 3D1E20
- 33181A
- 291214
- 1F0C0E
- 160708
- 0D0404
- 060202
- 020001
- 000000
Tones
- 4E2D2F
- 543637
- 5A3F40
- 5F4849
- 655152
- 6B5A5B
- 706364
- 756D6D
- 7B7676
Farbharmonien
Komplementär +180°
- 482427
New Bulgarian Rose
- 003839
≈ Customs Green
Analog -30° +30°
- 482427
New Bulgarian Rose
- 442436
≈ Juice Violet
- 472718
≈ Night Brown
Triadisch +120° +240°
- 482427
New Bulgarian Rose
- 243619
≈ Darkest Forest
- 1D314B
≈ Manganese Black
Geteilt komplementär +150° +210°
- 482427
New Bulgarian Rose
- 0E392A
≈ Deep Fir
- 073645
≈ Crowberry Blue
Tetradisch +90° +180° +270°
- 482427
New Bulgarian Rose
- 34320D
≈ Olivenite
- 003839
≈ Customs Green
- 2E2C4B
≈ Tropical Night Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.48:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.55:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.48:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--new-bulgarian-rose: #482427;
--new-bulgarian-rose-rgb: 72 36 39;
--new-bulgarian-rose-oklch: oklch(0.31 0.055 15.5);
}
.element {
color: var(--new-bulgarian-rose);
background-color: hsl(355 33% 21%);
border-color: oklch(0.31 0.055 15.5);
}Tailwind CSS v4
@theme {
--color-new-bulgarian-rose: #482427;
--color-new-bulgarian-rose-50: #ffefef;
--color-new-bulgarian-rose-100: #fae1e1;
--color-new-bulgarian-rose-200: #ebcbcc;
--color-new-bulgarian-rose-300: #d2adad;
--color-new-bulgarian-rose-400: #bd9294;
--color-new-bulgarian-rose-500: #a7787a;
--color-new-bulgarian-rose-600: #8d6567;
--color-new-bulgarian-rose-700: #715153;
--color-new-bulgarian-rose-800: #543b3d;
--color-new-bulgarian-rose-900: #3a282a;
--color-new-bulgarian-rose-950: #241617;
}SCSS
$new-bulgarian-rose: #482427;
$new-bulgarian-rose-rgb: 72, 36, 39;
$new-bulgarian-rose-light: mix(#fff, $new-bulgarian-rose, 20%);
$new-bulgarian-rose-dark: mix(#000, $new-bulgarian-rose, 20%);
.element {
color: $new-bulgarian-rose;
box-shadow: 0 0 0 2px rgba($new-bulgarian-rose, 0.35);
}