Benannte Farbe · #997165
Antique Rose
Antique Rose ist #997165: rgb(153 113 101), hsl(14 20% 50%), oklch(0.585 0.054 37.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Antique Rose color name →
#997165
oklch(0.585 0.054 37.4)
Farbumrechnungen
- HEX
- #997165
- RGB
- rgb(153 113 101)
- HSL
- hsl(14 20% 50%)
- HWB
- hwb(14 40% 40%)
- OKLCH
- oklch(0.585 0.054 37.4)
- OKLab
- oklab(0.585 0.043 0.033)
- CIE Lab
- lab(51.51 15.04 13.19)
- LCH
- lch(51.51 20 41.3)
- CMYK
- cmyk(0% 26% 34% 40%)
Tints · Shades · Tones
Tints
- A37E73
- AD8C82
- B89A91
- C2A8A0
- CCB6AF
- D6C4BF
- E0D3CF
- EBE1DE
- F5F0EF
Shades
- 846157
- 705249
- 5D433C
- 4A352F
- 382722
- 271A17
- 170E0C
- 080403
- 010100
Tones
- 977368
- 94746B
- 92766D
- 907770
- 8D7973
- 8B7A75
- 887C78
- 857D7B
- 837F7D
Farbharmonien
Komplementär +180°
- 997165
Antique Rose
- 568491
≈ Blue Moon Bay
Analog -30° +30°
- 997165
Antique Rose
- 996F76
≈ Stravinsky
- 927659
≈ Warm Earth
Triadisch +120° +240°
- 997165
Antique Rose
- 61866F
≈ Comfrey
- 74799C
≈ Blue Dove
Geteilt komplementär +150° +210°
- 997165
Antique Rose
- 558781
≈ Cretan Green
- 627F9B
≈ Blue Oar
Tetradisch +90° +180° +270°
- 997165
Antique Rose
- 73825F
≈ Equatorial Forest
- 568491
≈ Blue Moon Bay
- 847495
≈ Vintage
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.28:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.90:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.90:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--antique-rose: #997165;
--antique-rose-rgb: 153 113 101;
--antique-rose-oklch: oklch(0.585 0.054 37.4);
}
.element {
color: var(--antique-rose);
background-color: hsl(14 20% 50%);
border-color: oklch(0.585 0.054 37.4);
}Tailwind CSS v4
@theme {
--color-antique-rose: #997165;
--color-antique-rose-50: #fff0ea;
--color-antique-rose-100: #f9e2db;
--color-antique-rose-200: #eacdc3;
--color-antique-rose-300: #d1afa3;
--color-antique-rose-400: #bc9488;
--color-antique-rose-500: #a77a6d;
--color-antique-rose-600: #8d675c;
--color-antique-rose-700: #715349;
--color-antique-rose-800: #533c36;
--color-antique-rose-900: #3a2925;
--color-antique-rose-950: #241713;
}SCSS
$antique-rose: #997165;
$antique-rose-rgb: 153, 113, 101;
$antique-rose-light: mix(#fff, $antique-rose, 20%);
$antique-rose-dark: mix(#000, $antique-rose, 20%);
.element {
color: $antique-rose;
box-shadow: 0 0 0 2px rgba($antique-rose, 0.35);
}