Colore con nome · #9C7351
Cigar Box
Cigar Box è #9C7351: rgb(156 115 81), hsl(27 32% 46%), oklch(0.588 0.071 60.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cigar Box color name →
#9C7351
oklch(0.588 0.071 60.5)
Conversioni di colore
- HEX
- #9c7351
- RGB
- rgb(156 115 81)
- HSL
- hsl(27 32% 46%)
- HWB
- hwb(27 32% 39%)
- OKLCH
- oklch(0.588 0.071 60.5)
- OKLab
- oklab(0.588 0.035 0.062)
- CIE Lab
- lab(52.05 13.49 25.43)
- LCH
- lch(52.05 28.79 62)
- CMYK
- cmyk(0% 26% 48% 39%)
Tinte · Ombre · Toni
Tinte
- A68062
- B08E72
- BA9B83
- C4A994
- CDB7A6
- D7C5B7
- E1D3C9
- EBE2DB
- F5F0ED
Ombre
- 876345
- 73543A
- 5F452F
- 4C3624
- 39281A
- 281B10
- 180F07
- 090502
- 010100
Toni
- 997456
- 97765B
- 947760
- 917965
- 8F7A6A
- 8C7B6E
- 897D73
- 867E77
- 837F7C
Armonie di colore
Complementare +180°
- 9C7351
Cigar Box
- 5583A3
≈ Hemisphere
Analogo -30° +30°
- 9C7351
Cigar Box
- A36D63
≈ Wet Desert Clay
- 8D7B4A
≈ Willow
Triadico +120° +240°
- 9C7351
Cigar Box
- 498B7F
≈ Royal Palm
- 8373A1
≈ Old Prune
Complementare divisa +150° +210°
- 9C7351
Cigar Box
- 458894
≈ Flounce
- 6D7BA7
≈ Night Thistle
Tetradico +90° +180° +270°
- 9C7351
Cigar Box
- 5E8967
≈ Murdoch
- 5583A3
≈ Hemisphere
- 956E91
≈ Felicia
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.21:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.98:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--cigar-box: #9c7351;
--cigar-box-rgb: 156 115 81;
--cigar-box-oklch: oklch(0.588 0.071 60.5);
}
.element {
color: var(--cigar-box);
background-color: hsl(27 32% 46%);
border-color: oklch(0.588 0.071 60.5);
}Tailwind CSS v4
@theme {
--color-cigar-box: #9c7351;
--color-cigar-box-50: #fff1e1;
--color-cigar-box-100: #fae3d0;
--color-cigar-box-200: #ebceb6;
--color-cigar-box-300: #d2b093;
--color-cigar-box-400: #be9574;
--color-cigar-box-500: #a97b55;
--color-cigar-box-600: #8f6849;
--color-cigar-box-700: #72533a;
--color-cigar-box-800: #553c29;
--color-cigar-box-900: #3b291c;
--color-cigar-box-950: #25170c;
}SCSS
$cigar-box: #9c7351;
$cigar-box-rgb: 156, 115, 81;
$cigar-box-light: mix(#fff, $cigar-box, 20%);
$cigar-box-dark: mix(#000, $cigar-box, 20%);
.element {
color: $cigar-box;
box-shadow: 0 0 0 2px rgba($cigar-box, 0.35);
}