Benannte Farbe · #CB9281
Simmering Ridge
Simmering Ridge ist #CB9281: rgb(203 146 129), hsl(14 42% 65%), oklch(0.711 0.074 37.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Simmering Ridge color name →
#CB9281
oklch(0.711 0.074 37.3)
Farbumrechnungen
- HEX
- #cb9281
- RGB
- rgb(203 146 129)
- HSL
- hsl(14 42% 65%)
- HWB
- hwb(14 51% 20%)
- OKLCH
- oklch(0.711 0.074 37.3)
- OKLab
- oklab(0.711 0.059 0.045)
- CIE Lab
- lab(65.92 20.57 18.02)
- LCH
- lch(65.92 27.34 41.2)
- CMYK
- cmyk(0% 28% 36% 20%)
Tints · Shades · Tones
Tints
- D19D8D
- D6A799
- DCB2A6
- E1BDB2
- E6C8BF
- EBD3CB
- F0DED8
- F5E9E5
- FAF4F2
Shades
- B07E6F
- 966B5E
- 7D584E
- 65463E
- 4D352E
- 37251F
- 221612
- 0F0806
- 020101
Tones
- C49081
- BC8F81
- B58D81
- AD8B81
- A68981
- 9E8881
- 978681
- 8F8481
- 888280
Farbharmonien
Komplementär +180°
- CB9281
Simmering Ridge
- 6AADC0
≈ Water Music
Analog -30° +30°
- CB9281
Simmering Ridge
- CB8F9A
≈ Sianna Rose
- C19970
≈ Lanyard
Triadisch +120° +240°
- CB9281
Simmering Ridge
- 7BB090
≈ Zephyr Green
- 969ED0
≈ Velvet Robe
Geteilt komplementär +150° +210°
- CB9281
Simmering Ridge
- 69B1AA
≈ Turquoise Fantasies
- 7CA7CE
≈ Madam Butterfly
Tetradisch +90° +180° +270°
- CB9281
Simmering Ridge
- 95AB79
≈ Forest Shade
- 6AADC0
≈ Water Music
- AE96C6
≈ Quibble
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.63:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.96:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--simmering-ridge: #cb9281;
--simmering-ridge-rgb: 203 146 129;
--simmering-ridge-oklch: oklch(0.711 0.074 37.3);
}
.element {
color: var(--simmering-ridge);
background-color: hsl(14 42% 65%);
border-color: oklch(0.711 0.074 37.3);
}Tailwind CSS v4
@theme {
--color-simmering-ridge: #cb9281;
--color-simmering-ridge-50: #ffefe6;
--color-simmering-ridge-100: #ffe0d6;
--color-simmering-ridge-200: #f1cabd;
--color-simmering-ridge-300: #daab9c;
--color-simmering-ridge-400: #c6907f;
--color-simmering-ridge-500: #b17563;
--color-simmering-ridge-600: #966354;
--color-simmering-ridge-700: #784f43;
--color-simmering-ridge-800: #593931;
--color-simmering-ridge-900: #3e2721;
--color-simmering-ridge-950: #271510;
}SCSS
$simmering-ridge: #cb9281;
$simmering-ridge-rgb: 203, 146, 129;
$simmering-ridge-light: mix(#fff, $simmering-ridge, 20%);
$simmering-ridge-dark: mix(#000, $simmering-ridge, 20%);
.element {
color: $simmering-ridge;
box-shadow: 0 0 0 2px rgba($simmering-ridge, 0.35);
}