Benannte Farbe · #EAF5E7
Floaty Bubble
Floaty Bubble ist #EAF5E7: rgb(234 245 231), hsl(107 41% 93%), oklch(0.958 0.022 139). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Floaty Bubble color name →
#EAF5E7
oklch(0.958 0.022 139)
Farbumrechnungen
- HEX
- #eaf5e7
- RGB
- rgb(234 245 231)
- HSL
- hsl(107 41% 93%)
- HWB
- hwb(107 91% 4%)
- OKLCH
- oklch(0.958 0.022 139)
- OKLab
- oklab(0.958 -0.016 0.014)
- CIE Lab
- lab(95.42 -5.62 5.44)
- LCH
- lch(95.42 7.82 135.9)
- CMYK
- cmyk(4% 0% 6% 4%)
Tints · Shades · Tones
Tints
- ECF6E9
- EEF7EC
- F0F8EE
- F2F9F1
- F4FAF3
- F7FBF5
- F9FCF8
- FBFDFA
- FDFEFD
Shades
- CBD5C9
- AEB6AB
- 91988F
- 757B73
- 5A5F59
- 414440
- 292B28
- 131513
- 030303
Tones
- DFE9DC
- D4DDD2
- C9D0C7
- BEC5BD
- B4B9B2
- A9ADA8
- 9FA29E
- 949694
- 8A8B8A
Farbharmonien
Komplementär +180°
- EAF5E7
Floaty Bubble
- F8EDFB
≈ Placebo Fuchsia
Analog -30° +30°
- EAF5E7
Floaty Bubble
- F2F3E2
≈ Desert Iguana
- E4F6EF
≈ Frosty Mint
Triadisch +120° +240°
- EAF5E7
Floaty Bubble
- E9F2FF
≈ Moon White
- FFECEC
≈ Translucent Unicorn
Geteilt komplementär +150° +210°
- EAF5E7
Floaty Bubble
- F0EFFF
≈ Foundation White
- FDECF3
≈ Fairy Wings
Tetradisch +90° +180° +270°
- EAF5E7
Floaty Bubble
- E3F4FD
≈ Kodama White
- F8EDFB
≈ Placebo Fuchsia
- FEEDE5
≈ Peach Breeze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.12:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.71:1 · APCA Lc 99
Beste Textfarbe: #000000
WCAG 18.71:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--floaty-bubble: #eaf5e7;
--floaty-bubble-rgb: 234 245 231;
--floaty-bubble-oklch: oklch(0.958 0.022 139);
}
.element {
color: var(--floaty-bubble);
background-color: hsl(107 41% 93%);
border-color: oklch(0.958 0.022 139);
}Tailwind CSS v4
@theme {
--color-floaty-bubble: #eaf5e7;
--color-floaty-bubble-50: #f2f7f1;
--color-floaty-bubble-100: #e4eae3;
--color-floaty-bubble-200: #cfd7ce;
--color-floaty-bubble-300: #b2bab0;
--color-floaty-bubble-400: #98a295;
--color-floaty-bubble-500: #7f8a7c;
--color-floaty-bubble-600: #6c7569;
--color-floaty-bubble-700: #565d54;
--color-floaty-bubble-800: #3f443d;
--color-floaty-bubble-900: #2b2f2a;
--color-floaty-bubble-950: #191c17;
}SCSS
$floaty-bubble: #eaf5e7;
$floaty-bubble-rgb: 234, 245, 231;
$floaty-bubble-light: mix(#fff, $floaty-bubble, 20%);
$floaty-bubble-dark: mix(#000, $floaty-bubble, 20%);
.element {
color: $floaty-bubble;
box-shadow: 0 0 0 2px rgba($floaty-bubble, 0.35);
}