Benannte Farbe · #E6F2C4
Freshman
Freshman ist #E6F2C4: rgb(230 242 196), hsl(76 64% 86%), oklch(0.941 0.062 119.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Freshman color name →
#E6F2C4
oklch(0.941 0.062 119.5)
Farbumrechnungen
- HEX
- #e6f2c4
- RGB
- rgb(230 242 196)
- HSL
- hsl(76 64% 86%)
- HWB
- hwb(76 77% 5%)
- OKLCH
- oklch(0.941 0.062 119.5)
- OKLab
- oklab(0.941 -0.03 0.054)
- CIE Lab
- lab(93.71 -9.83 20.89)
- LCH
- lch(93.71 23.09 115.2)
- CMYK
- cmyk(5% 0% 19% 5%)
Tints · Shades · Tones
Tints
- E8F3CA
- EBF5D0
- EDF6D6
- F0F7DC
- F2F9E2
- F5FAE8
- F7FBEE
- FAFCF3
- FCFEF9
Shades
- C8D2AA
- ABB491
- 8E9678
- 737961
- 595E4A
- 404335
- 282B21
- 13140E
- 030302
Tones
- DBE6BD
- D1DAB6
- C6CFAF
- BCC3A9
- B2B7A2
- A7AC9B
- 9DA194
- 93968D
- 8A8B87
Farbharmonien
Komplementär +180°
- E6F2C4
Freshman
- EEE7FF
≈ Bright Dusk
Analog -30° +30°
- E6F2C4
Freshman
- FCEABD
≈ Frozen Custard
- CFF8D6
≈ Light Carolina
Triadisch +120° +240°
- E6F2C4
Freshman
- D9EFFF
≈ Calcareous Sinter
- FFE3EB
≈ Early Blossom
Geteilt komplementär +150° +210°
- E6F2C4
Freshman
- E4EBFF
≈ Icy Lilac
- FFE0FC
≈ Fairy Salt
Tetradisch +90° +180° +270°
- E6F2C4
Freshman
- C3F6FF
≈ Pale Sky
- EEE7FF
≈ Bright Dusk
- FFE4E0
≈ Misty Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.17:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 17.86:1 · APCA Lc 96
Beste Textfarbe: #000000
WCAG 17.86:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--freshman: #e6f2c4;
--freshman-rgb: 230 242 196;
--freshman-oklch: oklch(0.941 0.062 119.5);
}
.element {
color: var(--freshman);
background-color: hsl(76 64% 86%);
border-color: oklch(0.941 0.062 119.5);
}Tailwind CSS v4
@theme {
--color-freshman: #e6f2c4;
--color-freshman-50: #f2f8e5;
--color-freshman-100: #e4ebd5;
--color-freshman-200: #d0d9bc;
--color-freshman-300: #b2bd9a;
--color-freshman-400: #9aa47b;
--color-freshman-500: #818c5e;
--color-freshman-600: #6d7750;
--color-freshman-700: #575f3f;
--color-freshman-800: #40452d;
--color-freshman-900: #2c301e;
--color-freshman-950: #1a1c0e;
}SCSS
$freshman: #e6f2c4;
$freshman-rgb: 230, 242, 196;
$freshman-light: mix(#fff, $freshman, 20%);
$freshman-dark: mix(#000, $freshman, 20%);
.element {
color: $freshman;
box-shadow: 0 0 0 2px rgba($freshman, 0.35);
}