Benannte Farbe · #909245
April Hills
April Hills ist #909245: rgb(144 146 69), hsl(62 36% 42%), oklch(0.642 0.1 110.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · April Hills color name →
#909245
oklch(0.642 0.1 110.3)
Farbumrechnungen
- HEX
- #909245
- RGB
- rgb(144 146 69)
- HSL
- hsl(62 36% 42%)
- HWB
- hwb(62 27% 43%)
- OKLCH
- oklch(0.642 0.1 110.3)
- OKLab
- oklab(0.642 -0.035 0.094)
- CIE Lab
- lab(59.13 -8.97 39.9)
- LCH
- lch(59.13 40.9 102.7)
- CMYK
- cmyk(1% 0% 53% 43%)
Tints · Shades · Tones
Tints
- 9A9D59
- A5A76C
- B0B27E
- BBBD90
- C6C8A3
- D1D3B5
- DCDEC7
- E8E9DA
- F3F4EC
Shades
- 7D7E3B
- 6A6B31
- 575827
- 45461E
- 343515
- 24250C
- 151605
- 070802
- 010100
Tones
- 8E904D
- 8D8F54
- 8B8D5A
- 898B61
- 888966
- 86886C
- 848671
- 838476
- 81827B
Farbharmonien
Komplementär +180°
- 909245
April Hills
- 8C82C5
≈ Faraway Sky
Analog -30° +30°
- 909245
April Hills
- AC863F
≈ Garden Sprout
- 6B9C61
≈ Green Hornet
Triadisch +120° +240°
- 909245
April Hills
- 4198BE
≈ Coastline Blue
- BB7395
≈ First Plum
Geteilt komplementär +150° +210°
- 909245
April Hills
- 698DCA
≈ Royal Regatta
- A878B2
≈ Bell Heather
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.28:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.38:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--april-hills: #909245;
--april-hills-rgb: 144 146 69;
--april-hills-oklch: oklch(0.642 0.1 110.3);
}
.element {
color: var(--april-hills);
background-color: hsl(62 36% 42%);
border-color: oklch(0.642 0.1 110.3);
}Tailwind CSS v4
@theme {
--color-april-hills: #909245;
--color-april-hills-50: #f5f9d8;
--color-april-hills-100: #e8ecc6;
--color-april-hills-200: #d4d9a8;
--color-april-hills-300: #b8bd81;
--color-april-hills-400: #a2a45b;
--color-april-hills-500: #8a8c34;
--color-april-hills-600: #75762d;
--color-april-hills-700: #5d5f24;
--color-april-hills-800: #464517;
--color-april-hills-900: #30300f;
--color-april-hills-950: #1c1c03;
}SCSS
$april-hills: #909245;
$april-hills-rgb: 144, 146, 69;
$april-hills-light: mix(#fff, $april-hills, 20%);
$april-hills-dark: mix(#000, $april-hills, 20%);
.element {
color: $april-hills;
box-shadow: 0 0 0 2px rgba($april-hills, 0.35);
}