Benannte Farbe · #F0B672
Golden Corn
Golden Corn ist #F0B672: rgb(240 182 114), hsl(32 81% 69%), oklch(0.815 0.109 69.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Corn color name →
#F0B672
oklch(0.815 0.109 69.7)
Farbumrechnungen
- HEX
- #f0b672
- RGB
- rgb(240 182 114)
- HSL
- hsl(32 81% 69%)
- HWB
- hwb(32 45% 6%)
- OKLCH
- oklch(0.815 0.109 69.7)
- OKLab
- oklab(0.815 0.038 0.102)
- CIE Lab
- lab(78.43 16.06 42.92)
- LCH
- lch(78.43 45.83 69.5)
- CMYK
- cmyk(0% 24% 53% 6%)
Tints · Shades · Tones
Tints
- F2BD81
- F4C590
- F5CC9E
- F7D4AC
- F9DBBA
- FAE2C8
- FBE9D6
- FDF1E4
- FEF8F1
Shades
- D19E62
- B28653
- 956F44
- 785936
- 5D4428
- 43301B
- 2A1D0E
- 140C04
- 030201
Tones
- E5B175
- D9AB77
- CEA679
- C2A17B
- B79B7C
- AC967D
- A1907E
- 968B7F
- 8B8680
Farbharmonien
Komplementär +180°
- F0B672
Golden Corn
- 92C8FF
≈ Clear Sky
Analog -30° +30°
- F0B672
Golden Corn
- FFAA8D
≈ Super Sepia
- D3C46E
≈ Labrador’s Locks
Triadisch +120° +240°
- F0B672
Golden Corn
- 60D9D2
≈ Hammam Blue
- D8AFF8
≈ Light Violet
Geteilt komplementär +150° +210°
- F0B672
Golden Corn
- 67D3F3
≈ Heisenberg Blue
- B6BCFF
≈ Dried Lilac
Tetradisch +90° +180° +270°
- F0B672
Golden Corn
- 80D8AA
≈ Fresco Green
- 92C8FF
≈ Clear Sky
- F2A7D9
≈ Pretty Pink Piggy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.80:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.63:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--golden-corn: #f0b672;
--golden-corn-rgb: 240 182 114;
--golden-corn-oklch: oklch(0.815 0.109 69.7);
}
.element {
color: var(--golden-corn);
background-color: hsl(32 81% 69%);
border-color: oklch(0.815 0.109 69.7);
}Tailwind CSS v4
@theme {
--color-golden-corn: #f0b672;
--color-golden-corn-50: #fff1d4;
--color-golden-corn-100: #ffe3c1;
--color-golden-corn-200: #f2cda2;
--color-golden-corn-300: #daaf79;
--color-golden-corn-400: #c89353;
--color-golden-corn-500: #b47826;
--color-golden-corn-600: #986523;
--color-golden-corn-700: #7a511c;
--color-golden-corn-800: #5b3a12;
--color-golden-corn-900: #40280c;
--color-golden-corn-950: #281601;
}SCSS
$golden-corn: #f0b672;
$golden-corn-rgb: 240, 182, 114;
$golden-corn-light: mix(#fff, $golden-corn, 20%);
$golden-corn-dark: mix(#000, $golden-corn, 20%);
.element {
color: $golden-corn;
box-shadow: 0 0 0 2px rgba($golden-corn, 0.35);
}