Benannte Farbe · #C07281
Briar Rose
Briar Rose ist #C07281: rgb(192 114 129), hsl(348 38% 60%), oklch(0.641 0.1 7.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Briar Rose color name →
#C07281
oklch(0.641 0.1 7.9)
Farbumrechnungen
- HEX
- #c07281
- RGB
- rgb(192 114 129)
- HSL
- hsl(348 38% 60%)
- HWB
- hwb(348 45% 25%)
- OKLCH
- oklch(0.641 0.1 7.9)
- OKLab
- oklab(0.641 0.099 0.014)
- CIE Lab
- lab(57.19 32.85 5.7)
- LCH
- lch(57.19 33.34 9.8)
- CMYK
- cmyk(0% 41% 33% 25%)
Tints · Shades · Tones
Tints
- C7808D
- CE8E99
- D59CA5
- DCAAB2
- E2B8BE
- E8C6CB
- EED4D8
- F4E2E5
- FAF1F2
Shades
- A7626F
- 8E535E
- 76444E
- 5F363E
- 49282E
- 341B1F
- 200E12
- 0E0406
- 020101
Tones
- BA7481
- B47681
- AE7781
- A87981
- A27A81
- 9B7C80
- 957D80
- 8E7E80
- 877F80
Farbharmonien
Komplementär +180°
- C07281
Briar Rose
- 2DA097
≈ Sea Kale
Analog -30° +30°
- C07281
Briar Rose
- B474A2
≈ Eccentric Magenta
- C07660
≈ Caribbean Coral
Triadisch +120° +240°
- C07281
Briar Rose
- 7B9854
≈ Dry Moss
- 5991C6
≈ Come Sail Away
Geteilt komplementär +150° +210°
- C07281
Briar Rose
- 539F75
≈ Tropical Tone
- 339BB5
≈ Sports Blue
Tetradisch +90° +180° +270°
- C07281
Briar Rose
- 9D8D40
≈ Jalapeño
- 2DA097
≈ Sea Kale
- 7E86C9
≈ Twilight Twinkle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.52:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.96:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.96:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--briar-rose: #c07281;
--briar-rose-rgb: 192 114 129;
--briar-rose-oklch: oklch(0.641 0.1 7.9);
}
.element {
color: var(--briar-rose);
background-color: hsl(348 38% 60%);
border-color: oklch(0.641 0.1 7.9);
}Tailwind CSS v4
@theme {
--color-briar-rose: #c07281;
--color-briar-rose-50: #ffeaef;
--color-briar-rose-100: #ffdbe0;
--color-briar-rose-200: #fbc3cb;
--color-briar-rose-300: #e5a3ac;
--color-briar-rose-400: #d18593;
--color-briar-rose-500: #bd687a;
--color-briar-rose-600: #a05967;
--color-briar-rose-700: #814752;
--color-briar-rose-800: #5f333d;
--color-briar-rose-900: #43232a;
--color-briar-rose-950: #2b1218;
}SCSS
$briar-rose: #c07281;
$briar-rose-rgb: 192, 114, 129;
$briar-rose-light: mix(#fff, $briar-rose, 20%);
$briar-rose-dark: mix(#000, $briar-rose, 20%);
.element {
color: $briar-rose;
box-shadow: 0 0 0 2px rgba($briar-rose, 0.35);
}