Colore con nome · #CBA792
Primal
Primal è #CBA792: rgb(203 167 146), hsl(22 35% 68%), oklch(0.755 0.052 51.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Primal color name →
#CBA792
oklch(0.755 0.052 51.9)
Conversioni di colore
- HEX
- #cba792
- RGB
- rgb(203 167 146)
- HSL
- hsl(22 35% 68%)
- HWB
- hwb(22 57% 20%)
- OKLCH
- oklch(0.755 0.052 51.9)
- OKLab
- oklab(0.755 0.032 0.041)
- CIE Lab
- lab(71.37 11.33 16.12)
- LCH
- lch(71.37 19.7 54.9)
- CMYK
- cmyk(0% 18% 28% 20%)
Tinte · Ombre · Toni
Tinte
- D0B09D
- D6B8A7
- DBC1B2
- E0CABD
- E5D2C8
- EBDBD3
- F0E4DE
- F5EDE9
- FAF6F4
Ombre
- B0917E
- 967B6B
- 7D6658
- 655246
- 4D3E35
- 372C25
- 221A16
- 0F0A08
- 020101
Toni
- C3A390
- BC9F8F
- B49B8D
- AD978B
- A59389
- 9E9087
- 968C86
- 8F8884
- 878482
Armonie di colore
Complementare +180°
- CBA792
Primal
- 8FB6CB
≈ Moon Jellyfish
Analogo -30° +30°
- CBA792
Primal
- CFA3A1
≈ Ruby Eye
- C0AD8B
≈ Oat Field
Triadico +120° +240°
- CBA792
Primal
- 8FBBAC
≈ Mild Evergreen
- B0AACE
≈ Wisteria-Wise
Complementare divisa +150° +210°
- CBA792
Primal
- 89BABD
≈ Watchet
- 9EB0D1
≈ Heartsong
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.48:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--primal: #cba792;
--primal-rgb: 203 167 146;
--primal-oklch: oklch(0.755 0.052 51.9);
}
.element {
color: var(--primal);
background-color: hsl(22 35% 68%);
border-color: oklch(0.755 0.052 51.9);
}Tailwind CSS v4
@theme {
--color-primal: #cba792;
--color-primal-50: #fff2e8;
--color-primal-100: #f6e4d8;
--color-primal-200: #e7cfc0;
--color-primal-300: #cdb19f;
--color-primal-400: #b89683;
--color-primal-500: #a27d67;
--color-primal-600: #896a57;
--color-primal-700: #6e5546;
--color-primal-800: #513d32;
--color-primal-900: #392a22;
--color-primal-950: #231811;
}SCSS
$primal: #cba792;
$primal-rgb: 203, 167, 146;
$primal-light: mix(#fff, $primal, 20%);
$primal-dark: mix(#000, $primal, 20%);
.element {
color: $primal;
box-shadow: 0 0 0 2px rgba($primal, 0.35);
}