Colore con nome più vicino · #C09942
#C09942
Colore con nome più vicino: Goldie
#C09942 (rgb(192 153 66), hsl(41 50% 51%), oklch(0.702 0.114 84.7)) è più vicino al colore con nome Goldie. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C09942
oklch(0.702 0.114 84.7)
Conversioni di colore
- HEX
- #c09942
- RGB
- rgb(192 153 66)
- HSL
- hsl(41 50% 51%)
- HWB
- hwb(41 26% 25%)
- OKLCH
- oklch(0.702 0.114 84.7)
- OKLab
- oklab(0.702 0.011 0.114)
- CIE Lab
- lab(65.67 8.13 50.02)
- LCH
- lch(65.67 50.68 80.8)
- CMYK
- cmyk(0% 20% 66% 25%)
Tinte · Ombre · Toni
Tinte
- C6A358
- CDAD6C
- D3B87F
- D9C292
- E0CCA4
- E6D6B6
- ECE0C8
- F2EBDB
- F9F5ED
Ombre
- A78438
- 8E702F
- 765D25
- 5F4A1C
- 493814
- 34270B
- 201705
- 0E0801
- 020100
Toni
- BA974B
- B39454
- AD925B
- A69061
- A08D67
- 998B6D
- 938872
- 8D8577
- 86837C
Armonie di colore
Complementare +180°
- C09942
Goldie
- 7C9EE7
≈ Portage
Analogo -30° +30°
- C09942
Goldie
- D68B57
≈ Amber Wave
- 9DA74E
≈ Ogryn Camo
Triadico +120° +240°
- C09942
Goldie
- 21B3C0
≈ Lago Blue
- C386C7
≈ Lavender Sweater
Complementare divisa +150° +210°
- C09942
Goldie
- 4CAADC
≈ Thalassophile
- A490DF
≈ Middy’s Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.87:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--goldie: #c09942;
--goldie-rgb: 192 153 66;
--goldie-oklch: oklch(0.702 0.114 84.7);
}
.element {
color: var(--goldie);
background-color: hsl(41 50% 51%);
border-color: oklch(0.702 0.114 84.7);
}Tailwind CSS v4
@theme {
--color-goldie: #c09942;
--color-goldie-50: #fff4d1;
--color-goldie-100: #f9e6bd;
--color-goldie-200: #ead29c;
--color-goldie-300: #d1b472;
--color-goldie-400: #be9948;
--color-goldie-500: #a97f06;
--color-goldie-600: #8f6b0e;
--color-goldie-700: #72560d;
--color-goldie-800: #563e07;
--color-goldie-900: #3c2b05;
--color-goldie-950: #251800;
}SCSS
$goldie: #c09942;
$goldie-rgb: 192, 153, 66;
$goldie-light: mix(#fff, $goldie, 20%);
$goldie-dark: mix(#000, $goldie, 20%);
.element {
color: $goldie;
box-shadow: 0 0 0 2px rgba($goldie, 0.35);
}