Couleur nommée · #E6A351
Jurassic Gold
Jurassic Gold correspond à #E6A351 : rgb(230 163 81), hsl(33 75% 61%), oklch(0.765 0.126 69.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Jurassic Gold color name →
#E6A351
oklch(0.765 0.126 69.4)
Conversions de couleur
- HEX
- #e6a351
- RGB
- rgb(230 163 81)
- HSL
- hsl(33 75% 61%)
- HWB
- hwb(33 32% 10%)
- OKLCH
- oklch(0.765 0.126 69.4)
- OKLab
- oklab(0.765 0.044 0.118)
- CIE Lab
- lab(72.47 19.79 51.83)
- LCH
- lch(72.47 55.48 69.1)
- CMYK
- cmyk(0% 29% 65% 10%)
Teintes · Ombres · Tons
Teintes
- E9AC65
- ECB678
- EFBF8A
- F2C89B
- F4D2AC
- F7DBBD
- F9E4CD
- FBEDDE
- FDF6EE
Ombres
- C88D45
- AB783A
- 8E632F
- 734F24
- 593C1A
- 402A10
- 281907
- 130A02
- 030100
Tons
- DCA058
- D19D5F
- C79965
- BD966A
- B3926E
- A98F73
- 9E8B76
- 94887A
- 8A847D
Harmonies de couleurs
Complémentaire +180°
- E6A351
Jurassic Gold
- 70B8FF
≈ French Sky Blue
Analogue -30° +30°
- E6A351
Jurassic Gold
- F69575
≈ Indian Dance
- C6B44B
≈ Hep Green
Triadique +120° +240°
- E6A351
Jurassic Gold
- 26CCC3
≈ Blue Martina
- CA9BEF
≈ Dream Vapour
Complémentaire divisée +150° +210°
- E6A351
Jurassic Gold
- 36C5E9
≈ Picnic Day Sky
- A2AAFF
≈ Shy Moment
Tétradique +90° +180° +270°
- E6A351
Jurassic Gold
- 61CB96
≈ Vegetation
- 70B8FF
≈ French Sky Blue
- E792CD
≈ Mayflower Orchid
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.15:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.72:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--jurassic-gold: #e6a351;
--jurassic-gold-rgb: 230 163 81;
--jurassic-gold-oklch: oklch(0.765 0.126 69.4);
}
.element {
color: var(--jurassic-gold);
background-color: hsl(33 75% 61%);
border-color: oklch(0.765 0.126 69.4);
}Tailwind CSS v4
@theme {
--color-jurassic-gold: #e6a351;
--color-jurassic-gold-50: #fff0cf;
--color-jurassic-gold-100: #ffe2ba;
--color-jurassic-gold-200: #f7cc99;
--color-jurassic-gold-300: #e0ad6d;
--color-jurassic-gold-400: #ce9042;
--color-jurassic-gold-500: #bb7400;
--color-jurassic-gold-600: #9e6200;
--color-jurassic-gold-700: #7f4f03;
--color-jurassic-gold-800: #5f3803;
--color-jurassic-gold-900: #422703;
--color-jurassic-gold-950: #2b1500;
}SCSS
$jurassic-gold: #e6a351;
$jurassic-gold-rgb: 230, 163, 81;
$jurassic-gold-light: mix(#fff, $jurassic-gold, 20%);
$jurassic-gold-dark: mix(#000, $jurassic-gold, 20%);
.element {
color: $jurassic-gold;
box-shadow: 0 0 0 2px rgba($jurassic-gold, 0.35);
}