Benannte Farbe · #D4C350
Sunlit Meadow
Sunlit Meadow ist #D4C350: rgb(212 195 80), hsl(52 61% 57%), oklch(0.81 0.135 100.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sunlit Meadow color name →
#D4C350
oklch(0.81 0.135 100.9)
Farbumrechnungen
- HEX
- #d4c350
- RGB
- rgb(212 195 80)
- HSL
- hsl(52 61% 57%)
- HWB
- hwb(52 31% 17%)
- OKLCH
- oklch(0.81 0.135 100.9)
- OKLab
- oklab(0.81 -0.026 0.133)
- CIE Lab
- lab(78.61 -3.79 58.11)
- LCH
- lch(78.61 58.24 93.7)
- CMYK
- cmyk(0% 8% 62% 17%)
Tints · Shades · Tones
Tints
- D8C966
- DCCF79
- E0D68C
- E5DC9D
- E9E2AE
- EDE8BE
- F2EECF
- F6F3DF
- FAF9EF
Shades
- B8A944
- 9D9039
- 83782E
- 696024
- 514A1A
- 3A3410
- 242007
- 100E02
- 020200
Tones
- CBBC59
- C2B660
- BAAF66
- B1A86B
- A9A270
- A09B74
- 989478
- 908D7B
- 88877E
Farbharmonien
Komplementär +180°
- D4C350
Sunlit Meadow
- B5BAFF
≈ Greyish Lavender
Analog -30° +30°
- D4C350
Sunlit Meadow
- F7B155
≈ Flare
- A2D373
≈ Crystal Green
Triadisch +120° +240°
- D4C350
Sunlit Meadow
- 3AD4FE
≈ Libra Blue Morpho
- FB9DDB
≈ Rose Daphne
Geteilt komplementär +150° +210°
- D4C350
Sunlit Meadow
- 90C6FF
≈ Clear Sky
- DCA8FF
≈ Testosterose
Tetradisch +90° +180° +270°
- D4C350
Sunlit Meadow
- 20DCD6
≈ Fish Boy
- B5BAFF
≈ Greyish Lavender
- FFA3AF
≈ Ballet Slippers
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.72:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.72:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--sunlit-meadow: #d4c350;
--sunlit-meadow-rgb: 212 195 80;
--sunlit-meadow-oklch: oklch(0.81 0.135 100.9);
}
.element {
color: var(--sunlit-meadow);
background-color: hsl(52 61% 57%);
border-color: oklch(0.81 0.135 100.9);
}Tailwind CSS v4
@theme {
--color-sunlit-meadow: #d4c350;
--color-sunlit-meadow-50: #fcf8cb;
--color-sunlit-meadow-100: #f0ebb6;
--color-sunlit-meadow-200: #ded793;
--color-sunlit-meadow-300: #c4ba65;
--color-sunlit-meadow-400: #b0a031;
--color-sunlit-meadow-500: #9a8700;
--color-sunlit-meadow-600: #837200;
--color-sunlit-meadow-700: #695b00;
--color-sunlit-meadow-800: #4e4200;
--color-sunlit-meadow-900: #372e00;
--color-sunlit-meadow-950: #211a00;
}SCSS
$sunlit-meadow: #d4c350;
$sunlit-meadow-rgb: 212, 195, 80;
$sunlit-meadow-light: mix(#fff, $sunlit-meadow, 20%);
$sunlit-meadow-dark: mix(#000, $sunlit-meadow, 20%);
.element {
color: $sunlit-meadow;
box-shadow: 0 0 0 2px rgba($sunlit-meadow, 0.35);
}