Nächste benannte Farbe · #F5FBF0
#F5FBF0
Nächste benannte Farbe: Enoki
#F5FBF0 (rgb(245 251 240), hsl(93 58% 96%), oklch(0.981 0.016 130.4)) liegt am nächsten an der benannten Farbe Enoki. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F5FBF0
oklch(0.981 0.016 130.4)
Farbumrechnungen
- HEX
- #f5fbf0
- RGB
- rgb(245 251 240)
- HSL
- hsl(93 58% 96%)
- HWB
- hwb(93 94% 2%)
- OKLCH
- oklch(0.981 0.016 130.4)
- OKLab
- oklab(0.981 -0.01 0.012)
- CIE Lab
- lab(97.94 -3.49 4.56)
- LCH
- lch(97.94 5.74 127.4)
- CMYK
- cmyk(2% 0% 4% 2%)
Tints · Shades · Tones
Tints
- F6FBF2
- F7FCF3
- F8FCF5
- F9FDF6
- FAFDF8
- FBFDF9
- FCFEFB
- FDFEFC
- FEFFFE
Shades
- D5DAD1
- B6BAB2
- 989C95
- 7B7E78
- 5F615D
- 444643
- 2B2D2A
- 151514
- 030303
Tones
- E9EEE4
- DDE1D9
- D0D5CD
- C5C8C2
- B9BCB6
- ADAFAB
- A2A3A0
- 969795
- 8B8C8B
Farbharmonien
Komplementär +180°
- F5FBF0
Enoki
- FBF6FF
≈ Ghost White
Analog -30° +30°
- F5FBF0
Enoki
- FBF9ED
≈ White Heat
- F0FCF5
≈ Peaceful Rain
Triadisch +120° +240°
- F5FBF0
Enoki
- F4F9FF
≈ Mā White
- FFF6F7
≈ Sea Salt Sherbet
Geteilt komplementär +150° +210°
- F5FBF0
Enoki
- F7F8FF
≈ Ghost White
- FFF5FB
≈ Cold Snow
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.05:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 19.93:1 · APCA Lc 104
Beste Textfarbe: #000000
WCAG 19.93:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--enoki: #f5fbf0;
--enoki-rgb: 245 251 240;
--enoki-oklch: oklch(0.981 0.016 130.4);
}
.element {
color: var(--enoki);
background-color: hsl(93 58% 96%);
border-color: oklch(0.981 0.016 130.4);
}Tailwind CSS v4
@theme {
--color-enoki: #f5fbf0;
--color-enoki-50: #f3f6f1;
--color-enoki-100: #e6e9e4;
--color-enoki-200: #d2d6cf;
--color-enoki-300: #b4b9b1;
--color-enoki-400: #9ba097;
--color-enoki-500: #83887e;
--color-enoki-600: #6f736a;
--color-enoki-700: #585c55;
--color-enoki-800: #41433e;
--color-enoki-900: #2d2f2a;
--color-enoki-950: #1a1b18;
}SCSS
$enoki: #f5fbf0;
$enoki-rgb: 245, 251, 240;
$enoki-light: mix(#fff, $enoki, 20%);
$enoki-dark: mix(#000, $enoki, 20%);
.element {
color: $enoki;
box-shadow: 0 0 0 2px rgba($enoki, 0.35);
}