Colore con nome · #C2963F
Suzani Gold
Suzani Gold è #C2963F: rgb(194 150 63), hsl(40 52% 50%), oklch(0.698 0.116 81.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Suzani Gold color name →
#C2963F
oklch(0.698 0.116 81.7)
Conversioni di colore
- HEX
- #c2963f
- RGB
- rgb(194 150 63)
- HSL
- hsl(40 52% 50%)
- HWB
- hwb(40 25% 24%)
- OKLCH
- oklch(0.698 0.116 81.7)
- OKLab
- oklab(0.698 0.017 0.115)
- CIE Lab
- lab(65.1 10.42 50.86)
- LCH
- lch(65.1 51.91 78.4)
- CMYK
- cmyk(0% 23% 68% 24%)
Tinte · Ombre · Toni
Tinte
- C8A056
- CEAB6A
- D5B57E
- DBC090
- E1CAA3
- E7D5B5
- EDDFC8
- F3EADA
- F9F4EC
Ombre
- A88235
- 8F6E2C
- 775B23
- 60491B
- 493712
- 34260A
- 201604
- 0E0801
- 020100
Toni
- BB9449
- B59252
- AE9059
- A78E60
- A18C66
- 9A8A6C
- 948771
- 8D8577
- 87837B
Armonie di colore
Complementare +180°
- C2963F
Suzani Gold
- 759DE6
≈ Feather Star
Analogo -30° +30°
- C2963F
Suzani Gold
- D78857
≈ Copperhead
- A0A549
≈ Camo Green
Triadico +120° +240°
- C2963F
Suzani Gold
- 14B3BC
≈ Marrakech Mile
- BF85C9
≈ Lavender Sweater
Complementare divisa +150° +210°
- C2963F
Suzani Gold
- 43AAD9
≈ Thalassophile
- 9F90E0
≈ Middy’s Purple
Tetradico +90° +180° +270°
- C2963F
Suzani Gold
- 3DB595
≈ Green Blue
- 759DE6
≈ Feather Star
- D57FA6
≈ Wild Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.71:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.72:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.72:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--suzani-gold: #c2963f;
--suzani-gold-rgb: 194 150 63;
--suzani-gold-oklch: oklch(0.698 0.116 81.7);
}
.element {
color: var(--suzani-gold);
background-color: hsl(40 52% 50%);
border-color: oklch(0.698 0.116 81.7);
}Tailwind CSS v4
@theme {
--color-suzani-gold: #c2963f;
--color-suzani-gold-50: #fff3d0;
--color-suzani-gold-100: #fbe5bc;
--color-suzani-gold-200: #ecd19b;
--color-suzani-gold-300: #d4b370;
--color-suzani-gold-400: #c19746;
--color-suzani-gold-500: #ac7d00;
--color-suzani-gold-600: #926a0b;
--color-suzani-gold-700: #75550a;
--color-suzani-gold-800: #573d05;
--color-suzani-gold-900: #3d2a04;
--color-suzani-gold-950: #261700;
}SCSS
$suzani-gold: #c2963f;
$suzani-gold-rgb: 194, 150, 63;
$suzani-gold-light: mix(#fff, $suzani-gold, 20%);
$suzani-gold-dark: mix(#000, $suzani-gold, 20%);
.element {
color: $suzani-gold;
box-shadow: 0 0 0 2px rgba($suzani-gold, 0.35);
}