Colore con nome · #C9926E
Texas Hills
Texas Hills è #C9926E: rgb(201 146 110), hsl(24 46% 61%), oklch(0.705 0.083 54.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Texas Hills color name →
#C9926E
oklch(0.705 0.083 54.1)
Conversioni di colore
- HEX
- #c9926e
- RGB
- rgb(201 146 110)
- HSL
- hsl(24 46% 61%)
- HWB
- hwb(24 43% 21%)
- OKLCH
- oklch(0.705 0.083 54.1)
- OKLab
- oklab(0.705 0.049 0.067)
- CIE Lab
- lab(65.39 18.2 27.7)
- LCH
- lch(65.39 33.14 56.7)
- CMYK
- cmyk(0% 27% 45% 21%)
Tinte · Ombre · Toni
Tinte
- CF9D7C
- D5A78B
- DAB299
- E0BDA7
- E5C8B6
- EBD3C4
- F0DED3
- F5E9E1
- FAF4F0
Ombre
- AE7E5F
- 956B50
- 7C5841
- 644633
- 4C3526
- 362519
- 22160E
- 0F0804
- 020101
Toni
- C29070
- BB8F73
- B38D75
- AC8B76
- A58A78
- 9E887A
- 96867C
- 8F847D
- 87827F
Armonie di colore
Complementare +180°
- C9926E
Texas Hills
- 6AA9CC
≈ Salem Blue
Analogo -30° +30°
- C9926E
Texas Hills
- CF8C87
≈ Resounding Rose
- B89C62
≈ Packing Paper
Triadico +120° +240°
- C9926E
Texas Hills
- 64B19C
≈ Green Crush
- A296CF
≈ Gorgeous Hydrangea
Complementare divisa +150° +210°
- C9926E
Texas Hills
- 5AAFB8
≈ Thalassa
- 86A0D4
≈ Wisteria Blue
Tetradico +90° +180° +270°
- C9926E
Texas Hills
- 80AE7F
≈ Summer Garden
- 6AA9CC
≈ Salem Blue
- BA8EBD
≈ Satin Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.68:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.82:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--texas-hills: #c9926e;
--texas-hills-rgb: 201 146 110;
--texas-hills-oklch: oklch(0.705 0.083 54.1);
}
.element {
color: var(--texas-hills);
background-color: hsl(24 46% 61%);
border-color: oklch(0.705 0.083 54.1);
}Tailwind CSS v4
@theme {
--color-texas-hills: #c9926e;
--color-texas-hills-50: #fff0df;
--color-texas-hills-100: #ffe1ce;
--color-texas-hills-200: #f1ccb3;
--color-texas-hills-300: #d9ad8f;
--color-texas-hills-400: #c6916f;
--color-texas-hills-500: #b1774f;
--color-texas-hills-600: #966544;
--color-texas-hills-700: #785036;
--color-texas-hills-800: #593a27;
--color-texas-hills-900: #3e281a;
--color-texas-hills-950: #27160a;
}SCSS
$texas-hills: #c9926e;
$texas-hills-rgb: 201, 146, 110;
$texas-hills-light: mix(#fff, $texas-hills, 20%);
$texas-hills-dark: mix(#000, $texas-hills, 20%);
.element {
color: $texas-hills;
box-shadow: 0 0 0 2px rgba($texas-hills, 0.35);
}