Benannte Farbe · #CB8097
Cashmere Rose
Cashmere Rose ist #CB8097: rgb(203 128 151), hsl(342 42% 65%), oklch(0.685 0.097 0.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cashmere Rose color name →
#CB8097
oklch(0.685 0.097 0.1)
Farbumrechnungen
- HEX
- #cb8097
- RGB
- rgb(203 128 151)
- HSL
- hsl(342 42% 65%)
- HWB
- hwb(342 50% 20%)
- OKLCH
- oklch(0.685 0.097 0.1)
- OKLab
- oklab(0.685 0.097 0)
- CIE Lab
- lab(62.2 32 0.45)
- LCH
- lch(62.2 32.01 0.8)
- CMYK
- cmyk(0% 37% 26% 20%)
Tints · Shades · Tones
Tints
- D18DA1
- D799AB
- DDA6B5
- E2B2BF
- E7BFCA
- ECCBD4
- F1D8DF
- F6E5E9
- FBF2F4
Shades
- B06E83
- 965D6F
- 7D4D5C
- 653D49
- 4D2E37
- 371F26
- 221217
- 0F0608
- 020101
Tones
- C48095
- BD8192
- B58190
- AE818E
- A7818B
- 9F8189
- 978187
- 908185
- 888082
Farbharmonien
Komplementär +180°
- CB8097
Cashmere Rose
- 4AAD9C
≈ Ambrosial Oceanside
Analog -30° +30°
- CB8097
Cashmere Rose
- BC84B6
≈ Violet Tulle
- CF8376
≈ Coral Garden
Triadisch +120° +240°
- CB8097
Cashmere Rose
- 92A35C
≈ Zesty Apple
- 5EA2D0
≈ Picton Blue
Geteilt komplementär +150° +210°
- CB8097
Cashmere Rose
- 6CAB7A
≈ Light Grass Green
- 42AABB
≈ Explore Blue
Tetradisch +90° +180° +270°
- CB8097
Cashmere Rose
- B1974F
≈ Outdoorsy
- 4AAD9C
≈ Ambrosial Oceanside
- 8297D6
≈ Mystic Iris
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.96:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.07:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.07:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--cashmere-rose: #cb8097;
--cashmere-rose-rgb: 203 128 151;
--cashmere-rose-oklch: oklch(0.685 0.097 0.1);
}
.element {
color: var(--cashmere-rose);
background-color: hsl(342 42% 65%);
border-color: oklch(0.685 0.097 0.1);
}Tailwind CSS v4
@theme {
--color-cashmere-rose: #cb8097;
--color-cashmere-rose-50: #ffeaf3;
--color-cashmere-rose-100: #ffdbe5;
--color-cashmere-rose-200: #f9c4d1;
--color-cashmere-rose-300: #e2a3b3;
--color-cashmere-rose-400: #ce869c;
--color-cashmere-rose-500: #ba6a83;
--color-cashmere-rose-600: #9d5a6f;
--color-cashmere-rose-700: #7e4859;
--color-cashmere-rose-800: #5d3442;
--color-cashmere-rose-900: #41232e;
--color-cashmere-rose-950: #2a121a;
}SCSS
$cashmere-rose: #cb8097;
$cashmere-rose-rgb: 203, 128, 151;
$cashmere-rose-light: mix(#fff, $cashmere-rose, 20%);
$cashmere-rose-dark: mix(#000, $cashmere-rose, 20%);
.element {
color: $cashmere-rose;
box-shadow: 0 0 0 2px rgba($cashmere-rose, 0.35);
}