Colore con nome · #CB8F7B
Ginger Scent
Ginger Scent è #CB8F7B: rgb(203 143 123), hsl(15 43% 64%), oklch(0.704 0.079 39.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ginger Scent color name →
#CB8F7B
oklch(0.704 0.079 39.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D19A88
- D6A595
- DCB0A1
- E1BBAF
- E6C6BC
- ECD2C9
- F1DDD6
- F6E8E4
- FAF4F1
Ombre
- B07C6A
- 96695A
- 7D574A
- 65453A
- 4D342C
- 37241E
- 221510
- 0F0705
- 020101
Toni
- C48E7C
- BC8C7C
- B58B7D
- AD8A7E
- A6887E
- 9E877F
- 97857F
- 8F837F
- 888280
Armonie di colore
Complementare +180°
- CB8F7B
Ginger Scent
- 63ACC1
≈ Blue Mist
Analogo -30° +30°
- CB8F7B
Ginger Scent
- CB8B95
≈ Solid Pink
- C09769
≈ Chalet
Triadico +120° +240°
- CB8F7B
Ginger Scent
- 74AF8E
≈ Melon Green
- 959BD1
≈ Bluebell Frost
Complementare divisa +150° +210°
- CB8F7B
Ginger Scent
- 60B0AA
≈ Artesian Well
- 79A4CF
≈ Shipmate
Tetradico +90° +180° +270°
- CB8F7B
Ginger Scent
- 90AA75
≈ Geranium Leaf
- 63ACC1
≈ Blue Mist
- AE92C5
≈ Fleur-De-Lis
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.70:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.75:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.75:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
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);
}