Colore con nome · #A6A081
Cricket
Cricket è #A6A081: rgb(166 160 129), hsl(50 17% 58%), oklch(0.703 0.044 98.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Cricket color name →
#A6A081
oklch(0.703 0.044 98.3)
Conversioni di colore
- HEX
- #a6a081
- RGB
- rgb(166 160 129)
- HSL
- hsl(50 17% 58%)
- HWB
- hwb(50 51% 35%)
- OKLCH
- oklch(0.703 0.044 98.3)
- OKLab
- oklab(0.703 -0.006 0.043)
- CIE Lab
- lab(65.76 -1.6 17.06)
- LCH
- lch(65.76 17.14 95.3)
- CMYK
- cmyk(0% 4% 22% 35%)
Tinte · Ombre · Toni
Tinte
- AFA98D
- B7B299
- C0BCA6
- C9C5B2
- D2CFBF
- DBD8CB
- E4E2D8
- EDEBE5
- F6F5F2
Ombre
- 908B6F
- 7A765E
- 65614E
- 514E3E
- 3E3B2E
- 2B291F
- 1A1912
- 0A0906
- 010101
Toni
- A29D81
- 9E9A81
- 9A9681
- 979381
- 939081
- 8F8D81
- 8B8A81
- 878680
- 848380
Armonie di colore
Complementare +180°
- A6A081
Cricket
- 989DBB
≈ Midnight Blush
Analogo -30° +30°
- A6A081
Cricket
- B29B82
≈ Plush Tan
- 97A588
≈ Fern Leaf
Triadico +120° +240°
- A6A081
Cricket
- 81A6B2
≈ Equanimity
- B295A9
≈ London Hue
Complementare divisa +150° +210°
- A6A081
Cricket
- 8AA2BA
≈ Astro Bound
- A798B5
≈ Purple Springs
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.96:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--cricket: #a6a081;
--cricket-rgb: 166 160 129;
--cricket-oklch: oklch(0.703 0.044 98.3);
}
.element {
color: var(--cricket);
background-color: hsl(50 17% 58%);
border-color: oklch(0.703 0.044 98.3);
}Tailwind CSS v4
@theme {
--color-cricket: #a6a081;
--color-cricket-50: #f8f6e8;
--color-cricket-100: #ebe9d8;
--color-cricket-200: #d8d5c0;
--color-cricket-300: #bcb89f;
--color-cricket-400: #a59f82;
--color-cricket-500: #8d8766;
--color-cricket-600: #787256;
--color-cricket-700: #605b45;
--color-cricket-800: #474331;
--color-cricket-900: #312e21;
--color-cricket-950: #1d1b11;
}SCSS
$cricket: #a6a081;
$cricket-rgb: 166, 160, 129;
$cricket-light: mix(#fff, $cricket, 20%);
$cricket-dark: mix(#000, $cricket, 20%);
.element {
color: $cricket;
box-shadow: 0 0 0 2px rgba($cricket, 0.35);
}