Colore con nome · #7E4337
Country Sleigh
Country Sleigh è #7E4337: rgb(126 67 55), hsl(10 39% 35%), oklch(0.453 0.084 32.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Country Sleigh color name →
#7E4337
oklch(0.453 0.084 32.6)
Conversioni di colore
- HEX
- #7e4337
- RGB
- rgb(126 67 55)
- HSL
- hsl(10 39% 35%)
- HWB
- hwb(10 22% 51%)
- OKLCH
- oklch(0.453 0.084 32.6)
- OKLab
- oklab(0.453 0.071 0.045)
- CIE Lab
- lab(35.79 25.06 19.12)
- LCH
- lch(35.79 31.52 37.3)
- CMYK
- cmyk(0% 47% 56% 51%)
Tinte · Ombre · Toni
Tinte
- 8B5549
- 99665C
- A6796F
- B38B82
- C09E96
- CCB0AA
- D9C4BF
- E6D7D4
- F2EBE9
Ombre
- 6D392E
- 5C2F26
- 4C261E
- 3C1D16
- 2D140F
- 1F0C08
- 110503
- 050101
- 010000
Toni
- 7F493E
- 805046
- 80564D
- 815C54
- 81625B
- 816863
- 816E6A
- 817471
- 817A79
Armonie di colore
Complementare +180°
- 7E4337
Country Sleigh
- 006170
≈ Cool Dive
Analogo -30° +30°
- 7E4337
Country Sleigh
- 7C4152
≈ Cheerful Wine
- 774A1E
≈ Vintage Wood
Triadico +120° +240°
- 7E4337
Country Sleigh
- 2C633F
≈ Fairway Green
- 465285
≈ Blue Jewel
Complementare divisa +150° +210°
- 7E4337
Country Sleigh
- 00645A
≈ Dancing Peacock
- 255B81
≈ Oceanic Motion
Tetradico +90° +180° +270°
- 7E4337
Country Sleigh
- 4E5D24
≈ Obscure Olive
- 006170
≈ Cool Dive
- 5F4A7D
≈ Royal Robe
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.64:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.74:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.64:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--country-sleigh: #7e4337;
--country-sleigh-rgb: 126 67 55;
--country-sleigh-oklch: oklch(0.453 0.084 32.6);
}
.element {
color: var(--country-sleigh);
background-color: hsl(10 39% 35%);
border-color: oklch(0.453 0.084 32.6);
}Tailwind CSS v4
@theme {
--color-country-sleigh: #7e4337;
--color-country-sleigh-50: #ffede5;
--color-country-sleigh-100: #ffdfd5;
--color-country-sleigh-200: #f6c8bd;
--color-country-sleigh-300: #dfa99b;
--color-country-sleigh-400: #cb8c7f;
--color-country-sleigh-500: #b77162;
--color-country-sleigh-600: #9b6053;
--color-country-sleigh-700: #7c4c42;
--color-country-sleigh-800: #5c3731;
--color-country-sleigh-900: #412621;
--color-country-sleigh-950: #291410;
}SCSS
$country-sleigh: #7e4337;
$country-sleigh-rgb: 126, 67, 55;
$country-sleigh-light: mix(#fff, $country-sleigh, 20%);
$country-sleigh-dark: mix(#000, $country-sleigh, 20%);
.element {
color: $country-sleigh;
box-shadow: 0 0 0 2px rgba($country-sleigh, 0.35);
}