Colore con nome · #CC7711
Tree Sap
Tree Sap è #CC7711: rgb(204 119 17), hsl(33 85% 43%), oklch(0.649 0.145 61.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tree Sap color name →
#CC7711
oklch(0.649 0.145 61.9)
Conversioni di colore
- HEX
- #cc7711
- RGB
- rgb(204 119 17)
- HSL
- hsl(33 85% 43%)
- HWB
- hwb(33 7% 20%)
- OKLCH
- oklch(0.649 0.145 61.9)
- OKLab
- oklab(0.649 0.068 0.128)
- CIE Lab
- lab(58.69 29.61 62.28)
- LCH
- lch(58.69 68.96 64.6)
- CMYK
- cmyk(0% 42% 92% 20%)
Tinte · Ombre · Toni
Tinte
- D28539
- D89353
- DEA06A
- E3AE80
- E8BC95
- EDC9AB
- F2D7C0
- F7E4D5
- FBF1EA
Ombre
- B1670D
- 975709
- 7E4706
- 653804
- 4E2A02
- 371C01
- 221000
- 0F0500
- 020100
Toni
- C5792A
- BE7A39
- B67C46
- AF7D50
- A77E59
- A07E62
- 987F6A
- 908072
- 888079
Armonie di colore
Complementare +180°
- CC7711
Tree Sap
- 1E97DF
≈ Homeworld
Analogo -30° +30°
- CC7711
Tree Sap
- D86954
≈ Barely Brown
- AC8B00
≈ Yellow Brown
Triadico +120° +240°
- CC7711
Tree Sap
- 00A594
≈ Persian Green
- A077D8
≈ Iridescent Purple
Complementare divisa +150° +210°
- CC7711
Tree Sap
- 00A0B7
≈ January Blue
- 7087E7
≈ Soft Blue
Tetradico +90° +180° +270°
- CC7711
Tree Sap
- 38A761
≈ Spinach
- 1E97DF
≈ Homeworld
- C16AB6
≈ Lavendless
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.37:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.21:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.21:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--tree-sap: #cc7711;
--tree-sap-rgb: 204 119 17;
--tree-sap-oklch: oklch(0.649 0.145 61.9);
}
.element {
color: var(--tree-sap);
background-color: hsl(33 85% 43%);
border-color: oklch(0.649 0.145 61.9);
}Tailwind CSS v4
@theme {
--color-tree-sap: #cc7711;
--color-tree-sap-50: #ffedcb;
--color-tree-sap-100: #ffdeb6;
--color-tree-sap-200: #ffc793;
--color-tree-sap-300: #eba764;
--color-tree-sap-400: #da8836;
--color-tree-sap-500: #c86b00;
--color-tree-sap-600: #a95b00;
--color-tree-sap-700: #874800;
--color-tree-sap-800: #663300;
--color-tree-sap-900: #472300;
--color-tree-sap-950: #2e1200;
}SCSS
$tree-sap: #cc7711;
$tree-sap-rgb: 204, 119, 17;
$tree-sap-light: mix(#fff, $tree-sap, 20%);
$tree-sap-dark: mix(#000, $tree-sap, 20%);
.element {
color: $tree-sap;
box-shadow: 0 0 0 2px rgba($tree-sap, 0.35);
}