Benannte Farbe · #CB8F7B
Ginger Scent
Ginger Scent ist #CB8F7B: rgb(203 143 123), hsl(15 43% 64%), oklch(0.704 0.079 39.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ginger Scent color name →
#CB8F7B
oklch(0.704 0.079 39.2)
Farbumrechnungen
- HEX
- #cb8f7b
- RGB
- rgb(203 143 123)
- HSL
- hsl(15 43% 64%)
- HWB
- hwb(15 48% 20%)
- OKLCH
- oklch(0.704 0.079 39.2)
- OKLab
- oklab(0.704 0.061 0.05)
- CIE Lab
- lab(65.1 21.61 20.24)
- LCH
- lch(65.1 29.61 43.1)
- CMYK
- cmyk(0% 30% 39% 20%)
Tints · Shades · Tones
Tints
- D19A88
- D6A595
- DCB0A1
- E1BBAF
- E6C6BC
- ECD2C9
- F1DDD6
- F6E8E4
- FAF4F1
Shades
- B07C6A
- 96695A
- 7D574A
- 65453A
- 4D342C
- 37241E
- 221510
- 0F0705
- 020101
Tones
- C48E7C
- BC8C7C
- B58B7D
- AD8A7E
- A6887E
- 9E877F
- 97857F
- 8F837F
- 888280
Farbharmonien
Komplementär +180°
- CB8F7B
Ginger Scent
- 63ACC1
≈ Blue Mist
Analog -30° +30°
- CB8F7B
Ginger Scent
- CB8B95
≈ Solid Pink
- C09769
≈ Chalet
Triadisch +120° +240°
- CB8F7B
Ginger Scent
- 74AF8E
≈ Melon Green
- 959BD1
≈ Bluebell Frost
Geteilt komplementär +150° +210°
- CB8F7B
Ginger Scent
- 60B0AA
≈ Artesian Well
- 79A4CF
≈ Shipmate
Tetradisch +90° +180° +270°
- CB8F7B
Ginger Scent
- 90AA75
≈ Geranium Leaf
- 63ACC1
≈ Blue Mist
- AE92C5
≈ Fleur-De-Lis
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.70:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.75:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.75:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--ginger-scent: #cb8f7b;
--ginger-scent-rgb: 203 143 123;
--ginger-scent-oklch: oklch(0.704 0.079 39.2);
}
.element {
color: var(--ginger-scent);
background-color: hsl(15 43% 64%);
border-color: oklch(0.704 0.079 39.2);
}Tailwind CSS v4
@theme {
--color-ginger-scent: #cb8f7b;
--color-ginger-scent-50: #ffeee4;
--color-ginger-scent-100: #ffe0d4;
--color-ginger-scent-200: #f3cabb;
--color-ginger-scent-300: #dcab99;
--color-ginger-scent-400: #c88f7c;
--color-ginger-scent-500: #b3745e;
--color-ginger-scent-600: #986250;
--color-ginger-scent-700: #7a4e40;
--color-ginger-scent-800: #5a392f;
--color-ginger-scent-900: #3f271f;
--color-ginger-scent-950: #28150f;
}SCSS
$ginger-scent: #cb8f7b;
$ginger-scent-rgb: 203, 143, 123;
$ginger-scent-light: mix(#fff, $ginger-scent, 20%);
$ginger-scent-dark: mix(#000, $ginger-scent, 20%);
.element {
color: $ginger-scent;
box-shadow: 0 0 0 2px rgba($ginger-scent, 0.35);
}