Benannte Farbe · #813E45
Ruby Lips
Ruby Lips ist #813E45: rgb(129 62 69), hsl(354 35% 37%), oklch(0.452 0.092 15). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ruby Lips color name →
#813E45
oklch(0.452 0.092 15)
Farbumrechnungen
- HEX
- #813e45
- RGB
- rgb(129 62 69)
- HSL
- hsl(354 35% 37%)
- HWB
- hwb(354 24% 49%)
- OKLCH
- oklch(0.452 0.092 15)
- OKLab
- oklab(0.452 0.089 0.024)
- CIE Lab
- lab(35.4 30.01 9.94)
- LCH
- lch(35.4 31.62 18.3)
- CMYK
- cmyk(0% 52% 47% 49%)
Tints · Shades · Tones
Tints
- 8E5056
- 9B6367
- A87578
- B5888B
- C29B9D
- CEAFB0
- DBC2C3
- E7D6D7
- F3EAEB
Shades
- 6F353B
- 5E2B31
- 4E2327
- 3E1A1E
- 2E1215
- 1F0A0C
- 120405
- 060102
- 010000
Tones
- 82454B
- 824C50
- 835356
- 83595C
- 836062
- 836668
- 836D6E
- 827374
- 817A7A
Farbharmonien
Komplementär +180°
- 813E45
Ruby Lips
- 006363
≈ Emerald Stone
Analog -30° +30°
- 813E45
Ruby Lips
- 793F61
≈ Purple Drab
- 7F4327
≈ Cacao Nibs
Triadisch +120° +240°
- 813E45
Ruby Lips
- 3E6129
≈ Greenhouse
- 305788
≈ Dark Cobalt Blue
Geteilt komplementär +150° +210°
- 813E45
Ruby Lips
- 086649
≈ Green Paw Paw
- 005F79
≈ Blue-Collar
Tetradisch +90° +180° +270°
- 813E45
Ruby Lips
- 5E5808
≈ Olive Brown
- 006363
≈ Emerald Stone
- 514D87
≈ Spirit Dance
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.75:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.70:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.75:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--ruby-lips: #813e45;
--ruby-lips-rgb: 129 62 69;
--ruby-lips-oklch: oklch(0.452 0.092 15);
}
.element {
color: var(--ruby-lips);
background-color: hsl(354 35% 37%);
border-color: oklch(0.452 0.092 15);
}Tailwind CSS v4
@theme {
--color-ruby-lips: #813e45;
--color-ruby-lips-50: #ffebec;
--color-ruby-lips-100: #ffdcdd;
--color-ruby-lips-200: #f9c5c6;
--color-ruby-lips-300: #e3a5a6;
--color-ruby-lips-400: #cf888d;
--color-ruby-lips-500: #bb6b72;
--color-ruby-lips-600: #9e5b61;
--color-ruby-lips-700: #7f494d;
--color-ruby-lips-800: #5e3439;
--color-ruby-lips-900: #422427;
--color-ruby-lips-950: #2a1215;
}SCSS
$ruby-lips: #813e45;
$ruby-lips-rgb: 129, 62, 69;
$ruby-lips-light: mix(#fff, $ruby-lips, 20%);
$ruby-lips-dark: mix(#000, $ruby-lips, 20%);
.element {
color: $ruby-lips;
box-shadow: 0 0 0 2px rgba($ruby-lips, 0.35);
}