Benannte Farbe · #E6A351
Jurassic Gold
Jurassic Gold ist #E6A351: rgb(230 163 81), hsl(33 75% 61%), oklch(0.765 0.126 69.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Jurassic Gold color name →
#E6A351
oklch(0.765 0.126 69.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E9AC65
- ECB678
- EFBF8A
- F2C89B
- F4D2AC
- F7DBBD
- F9E4CD
- FBEDDE
- FDF6EE
Shades
- C88D45
- AB783A
- 8E632F
- 734F24
- 593C1A
- 402A10
- 281907
- 130A02
- 030100
Tones
- DCA058
- D19D5F
- C79965
- BD966A
- B3926E
- A98F73
- 9E8B76
- 94887A
- 8A847D
Farbharmonien
Komplementär +180°
- E6A351
Jurassic Gold
- 70B8FF
≈ French Sky Blue
Analog -30° +30°
- E6A351
Jurassic Gold
- F69575
≈ Indian Dance
- C6B44B
≈ Hep Green
Triadisch +120° +240°
- E6A351
Jurassic Gold
- 26CCC3
≈ Blue Martina
- CA9BEF
≈ Dream Vapour
Geteilt komplementär +150° +210°
- E6A351
Jurassic Gold
- 36C5E9
≈ Picnic Day Sky
- A2AAFF
≈ Shy Moment
Tetradisch +90° +180° +270°
- E6A351
Jurassic Gold
- 61CB96
≈ Vegetation
- 70B8FF
≈ French Sky Blue
- E792CD
≈ Mayflower Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.15:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.72:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
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);
}