Benannte Farbe · #E2C278
Summer Field
Summer Field ist #E2C278: rgb(226 194 120), hsl(42 65% 68%), oklch(0.826 0.1 86.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Summer Field color name →
#E2C278
oklch(0.826 0.1 86.9)
Farbumrechnungen
- HEX
- #e2c278
- RGB
- rgb(226 194 120)
- HSL
- hsl(42 65% 68%)
- HWB
- hwb(42 47% 11%)
- OKLCH
- oklch(0.826 0.1 86.9)
- OKLab
- oklab(0.826 0.005 0.1)
- CIE Lab
- lab(80.03 4.79 41.48)
- LCH
- lch(80.03 41.75 83.4)
- CMYK
- cmyk(0% 14% 47% 11%)
Tints · Shades · Tones
Tints
- E5C886
- E8CE95
- EBD5A2
- EEDBB0
- F1E1BD
- F4E7CA
- F6EDD8
- F9F3E5
- FCF9F2
Shades
- C4A867
- A88F57
- 8C7748
- 716039
- 57492A
- 3E341D
- 272010
- 120E05
- 030201
Tones
- D8BB7A
- CEB57C
- C4AE7D
- BAA77E
- B0A17F
- A69A80
- 9C9480
- 938D80
- 898780
Farbharmonien
Komplementär +180°
- E2C278
Summer Field
- ADC5FF
≈ Night Snow
Analog -30° +30°
- E2C278
Summer Field
- F8B585
≈ Autumn Mist
- C1CF83
≈ Lime Sorbet Green
Triadisch +120° +240°
- E2C278
Summer Field
- 6ED8E7
≈ Turquoise Sea
- E9AFE8
≈ Land of Dreams
Geteilt komplementär +150° +210°
- E2C278
Summer Field
- 84D0FF
≈ Drift on the Sea
- CCB9FF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- E2C278
Summer Field
- 78DBC4
≈ Star Grass
- ADC5FF
≈ Night Snow
- FBABC7
≈ Heartfelt
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.22:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.22:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--summer-field: #e2c278;
--summer-field-rgb: 226 194 120;
--summer-field-oklch: oklch(0.826 0.1 86.9);
}
.element {
color: var(--summer-field);
background-color: hsl(42 65% 68%);
border-color: oklch(0.826 0.1 86.9);
}Tailwind CSS v4
@theme {
--color-summer-field: #e2c278;
--color-summer-field-50: #fff4d5;
--color-summer-field-100: #f5e7c3;
--color-summer-field-200: #e5d3a4;
--color-summer-field-300: #ccb57b;
--color-summer-field-400: #b89b56;
--color-summer-field-500: #a3812a;
--color-summer-field-600: #8a6d26;
--color-summer-field-700: #6e571e;
--color-summer-field-800: #523f14;
--color-summer-field-900: #392c0c;
--color-summer-field-950: #241901;
}SCSS
$summer-field: #e2c278;
$summer-field-rgb: 226, 194, 120;
$summer-field-light: mix(#fff, $summer-field, 20%);
$summer-field-dark: mix(#000, $summer-field, 20%);
.element {
color: $summer-field;
box-shadow: 0 0 0 2px rgba($summer-field, 0.35);
}