Colore con nome · #C8AD7F
Common Chalcedony
Common Chalcedony è #C8AD7F: rgb(200 173 127), hsl(38 40% 64%), oklch(0.76 0.069 80.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Common Chalcedony color name →
#C8AD7F
oklch(0.76 0.069 80.6)
Conversioni di colore
- HEX
- #c8ad7f
- RGB
- rgb(200 173 127)
- HSL
- hsl(38 40% 64%)
- HWB
- hwb(38 50% 22%)
- OKLCH
- oklch(0.76 0.069 80.6)
- OKLab
- oklab(0.76 0.011 0.068)
- CIE Lab
- lab(72.29 5.29 27.49)
- LCH
- lch(72.29 28 79.1)
- CMYK
- cmyk(0% 13% 37% 22%)
Tinte · Ombre · Toni
Tinte
- CDB58C
- D3BD98
- D8C5A5
- DECDB2
- E3D6BF
- E9DECB
- EEE6D8
- F4EEE5
- F9F7F2
Ombre
- AE966E
- 947F5D
- 7B6A4C
- 63553C
- 4C412D
- 362D1F
- 211B11
- 0F0B06
- 020101
Toni
- C1A880
- B9A480
- B29F80
- AB9B81
- A39681
- 9C9281
- 958D81
- 8E8981
- 878480
Armonie di colore
Complementare +180°
- C8AD7F
Common Chalcedony
- 98B2DE
≈ Myrtle Flower
Analogo -30° +30°
- C8AD7F
Common Chalcedony
- D6A58A
≈ Coronado Dunes
- B3B683
≈ Lima Green
Triadico +120° +240°
- C8AD7F
Common Chalcedony
- 7BBFC3
≈ Pure Turquoise
- C5A3CC
≈ Stormy Sunrise
Complementare divisa +150° +210°
- C8AD7F
Common Chalcedony
- 83BAD5
≈ Petit Four
- B0AADA
≈ Grape Illusion
Tetradico +90° +180° +270°
- C8AD7F
Common Chalcedony
- 84C0AB
≈ Gauss Blaster Green
- 98B2DE
≈ Myrtle Flower
- D4A0B7
≈ Gizmo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.73:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--common-chalcedony: #c8ad7f;
--common-chalcedony-rgb: 200 173 127;
--common-chalcedony-oklch: oklch(0.76 0.069 80.6);
}
.element {
color: var(--common-chalcedony);
background-color: hsl(38 40% 64%);
border-color: oklch(0.76 0.069 80.6);
}Tailwind CSS v4
@theme {
--color-common-chalcedony: #c8ad7f;
--color-common-chalcedony-50: #fff4df;
--color-common-chalcedony-100: #f3e6cf;
--color-common-chalcedony-200: #e3d2b4;
--color-common-chalcedony-300: #c9b590;
--color-common-chalcedony-400: #b49b70;
--color-common-chalcedony-500: #9e8150;
--color-common-chalcedony-600: #856e44;
--color-common-chalcedony-700: #6b5836;
--color-common-chalcedony-800: #4f4026;
--color-common-chalcedony-900: #372c19;
--color-common-chalcedony-950: #22190a;
}SCSS
$common-chalcedony: #c8ad7f;
$common-chalcedony-rgb: 200, 173, 127;
$common-chalcedony-light: mix(#fff, $common-chalcedony, 20%);
$common-chalcedony-dark: mix(#000, $common-chalcedony, 20%);
.element {
color: $common-chalcedony;
box-shadow: 0 0 0 2px rgba($common-chalcedony, 0.35);
}