Benannte Farbe · #EDFAD9
Pastoral
Pastoral ist #EDFAD9: rgb(237 250 217), hsl(84 77% 92%), oklch(0.967 0.045 124.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Pastoral color name →
#EDFAD9
oklch(0.967 0.045 124.8)
Farbumrechnungen
- HEX
- #edfad9
- RGB
- rgb(237 250 217)
- HSL
- hsl(84 77% 92%)
- HWB
- hwb(84 85% 2%)
- OKLCH
- oklch(0.967 0.045 124.8)
- OKLab
- oklab(0.967 -0.026 0.037)
- CIE Lab
- lab(96.65 -8.65 14.36)
- LCH
- lch(96.65 16.76 121.1)
- CMYK
- cmyk(5% 0% 13% 2%)
Tints · Shades · Tones
Tints
- EFFBDD
- F1FBE1
- F2FCE5
- F4FCE8
- F6FDEC
- F8FDF0
- FAFEF4
- FBFEF7
- FDFFFB
Shades
- CED9BC
- B0BAA1
- 939B86
- 777D6C
- 5C6153
- 42463B
- 2A2D25
- 141511
- 030302
Tones
- E2EDD0
- D6E0C7
- CBD4BE
- C0C7B5
- B5BBAC
- AAAFA3
- 9FA39A
- 959791
- 8A8C89
Farbharmonien
Komplementär +180°
- EDFAD9
Pastoral
- F7F1FF
≈ Cloud Break
Analog -30° +30°
- EDFAD9
Pastoral
- FDF4D2
≈ Perky Tint
- DDFEE7
≈ Crystal Glass
Triadisch +120° +240°
- EDFAD9
Pastoral
- EBF6FF
≈ Placebo Blue
- FFF0F2
≈ Powder Puff
Geteilt komplementär +150° +210°
- EDFAD9
Pastoral
- F1F4FF
≈ Boysenberry Shadow
- FFEEFB
≈ Partial Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.08:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 19.27:1 · APCA Lc 101
Beste Textfarbe: #000000
WCAG 19.27:1 (AAA) · APCA Lc 101
Contrast pairs
Code-Snippets
CSS
:root {
--pastoral: #edfad9;
--pastoral-rgb: 237 250 217;
--pastoral-oklch: oklch(0.967 0.045 124.8);
}
.element {
color: var(--pastoral);
background-color: hsl(84 77% 92%);
border-color: oklch(0.967 0.045 124.8);
}Tailwind CSS v4
@theme {
--color-pastoral: #edfad9;
--color-pastoral-50: #f2f8ea;
--color-pastoral-100: #e4ebdb;
--color-pastoral-200: #cfd8c4;
--color-pastoral-300: #b1bca3;
--color-pastoral-400: #98a386;
--color-pastoral-500: #7f8c6b;
--color-pastoral-600: #6c765b;
--color-pastoral-700: #565f48;
--color-pastoral-800: #3f4534;
--color-pastoral-900: #2c3023;
--color-pastoral-950: #191c12;
}SCSS
$pastoral: #edfad9;
$pastoral-rgb: 237, 250, 217;
$pastoral-light: mix(#fff, $pastoral, 20%);
$pastoral-dark: mix(#000, $pastoral, 20%);
.element {
color: $pastoral;
box-shadow: 0 0 0 2px rgba($pastoral, 0.35);
}