Benannte Farbe · #E3EBB1
Awareness
Awareness ist #E3EBB1: rgb(227 235 177), hsl(68 59% 81%), oklch(0.92 0.076 114.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Awareness color name →
#E3EBB1
oklch(0.92 0.076 114.3)
Farbumrechnungen
- HEX
- #e3ebb1
- RGB
- rgb(227 235 177)
- HSL
- hsl(68 59% 81%)
- HWB
- hwb(68 69% 8%)
- OKLCH
- oklch(0.92 0.076 114.3)
- OKLab
- oklab(0.92 -0.031 0.069)
- CIE Lab
- lab(91.38 -9.68 27.33)
- LCH
- lch(91.38 28.99 109.5)
- CMYK
- cmyk(3% 0% 25% 8%)
Tints · Shades · Tones
Tints
- E6EDB9
- E8EFC1
- EBF1C9
- EEF3D1
- F1F5D9
- F4F7E0
- F6F9E8
- F9FBF0
- FCFDF7
Shades
- C5CC99
- A8AE83
- 8C916C
- 717557
- 575B42
- 3F412F
- 27291C
- 12130C
- 030301
Tones
- D9E0AC
- CED5A8
- C4CAA3
- BABF9E
- B0B499
- A6AA94
- 9C9F8F
- 93958A
- 898A85
Farbharmonien
Komplementär +180°
- E3EBB1
Awareness
- E6E0FF
≈ Stoic White
Analog -30° +30°
- E3EBB1
Awareness
- FCE1AB
≈ Yeast
- C6F3C5
≈ Mint Gloss
Triadisch +120° +240°
- E3EBB1
Awareness
- C8EAFF
≈ Blue Java Banana
- FFD8E6
≈ Strawberry Milk
Geteilt komplementär +150° +210°
- E3EBB1
Awareness
- D8E5FF
≈ Veiling Waterfalls
- FDD5FF
≈ Pink Diamond
Tetradisch +90° +180° +270°
- E3EBB1
Awareness
- A7F4FC
≈ Waterspout
- E6E0FF
≈ Stoic White
- FFDBD7
≈ Peach Schnapps
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.25:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.78:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--awareness: #e3ebb1;
--awareness-rgb: 227 235 177;
--awareness-oklch: oklch(0.92 0.076 114.3);
}
.element {
color: var(--awareness);
background-color: hsl(68 59% 81%);
border-color: oklch(0.92 0.076 114.3);
}Tailwind CSS v4
@theme {
--color-awareness: #e3ebb1;
--color-awareness-50: #f3f8e0;
--color-awareness-100: #e6eccf;
--color-awareness-200: #d2d9b4;
--color-awareness-300: #b5bd91;
--color-awareness-400: #9da470;
--color-awareness-500: #858c50;
--color-awareness-600: #717744;
--color-awareness-700: #5a5f36;
--color-awareness-800: #434525;
--color-awareness-900: #2e3019;
--color-awareness-950: #1b1c0a;
}SCSS
$awareness: #e3ebb1;
$awareness-rgb: 227, 235, 177;
$awareness-light: mix(#fff, $awareness, 20%);
$awareness-dark: mix(#000, $awareness, 20%);
.element {
color: $awareness;
box-shadow: 0 0 0 2px rgba($awareness, 0.35);
}