Nächste benannte Farbe · #F0E6EF
#F0E6EF
Nächste benannte Farbe: Bubble Bath
#F0E6EF (rgb(240 230 239), hsl(306 25% 92%), oklch(0.935 0.016 328.8)) liegt am nächsten an der benannten Farbe Bubble Bath. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F0E6EF
oklch(0.935 0.016 328.8)
Farbumrechnungen
- HEX
- #f0e6ef
- RGB
- rgb(240 230 239)
- HSL
- hsl(306 25% 92%)
- HWB
- hwb(306 90% 6%)
- OKLCH
- oklch(0.935 0.016 328.8)
- OKLab
- oklab(0.935 0.014 -0.008)
- CIE Lab
- lab(92.29 4.68 -3.11)
- LCH
- lch(92.29 5.62 326.4)
- CMYK
- cmyk(0% 4% 0% 6%)
Tints · Shades · Tones
Tints
- F2E8F1
- F3EBF2
- F5EDF4
- F6F0F5
- F8F2F7
- F9F5F9
- FBF7FA
- FCFAFC
- FEFCFD
Shades
- D1C8D0
- B2ABB1
- 958E94
- 787378
- 5D595C
- 434042
- 2A282A
- 141314
- 030303
Tones
- E4DBE3
- D9D1D8
- CDC6CC
- C2BCC1
- B6B2B6
- ABA7AB
- A09DA0
- 959495
- 8B8A8B
Farbharmonien
Komplementär +180°
- F0E6EF
Bubble Bath
- E3EDE4
≈ Sign of Spring
Analog -30° +30°
- F0E6EF
Bubble Bath
- EBE7F3
≈ Tranquil Eve
- F3E5E9
≈ First Impression
Triadisch +120° +240°
- F0E6EF
Bubble Bath
- EEE9DE
≈ Palladian
- DEEDEF
≈ Winter’s Breath
Geteilt komplementär +150° +210°
- F0E6EF
Bubble Bath
- E8EBDF
≈ Sterling Shadow
- DFEDEA
≈ Roman White
Tetradisch +90° +180° +270°
- F0E6EF
Bubble Bath
- F2E7DF
≈ Soothing Pink
- E3EDE4
≈ Sign of Spring
- E0EBF3
≈ Out Cold
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.27:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.27:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--bubble-bath: #f0e6ef;
--bubble-bath-rgb: 240 230 239;
--bubble-bath-oklch: oklch(0.935 0.016 328.8);
}
.element {
color: var(--bubble-bath);
background-color: hsl(306 25% 92%);
border-color: oklch(0.935 0.016 328.8);
}Tailwind CSS v4
@theme {
--color-bubble-bath: #f0e6ef;
--color-bubble-bath-50: #f8f3f7;
--color-bubble-bath-100: #ebe6ea;
--color-bubble-bath-200: #d8d2d7;
--color-bubble-bath-300: #bcb4bb;
--color-bubble-bath-400: #a49ba3;
--color-bubble-bath-500: #8c838b;
--color-bubble-bath-600: #776f76;
--color-bubble-bath-700: #5f585e;
--color-bubble-bath-800: #454045;
--color-bubble-bath-900: #302c30;
--color-bubble-bath-950: #1c191c;
}SCSS
$bubble-bath: #f0e6ef;
$bubble-bath-rgb: 240, 230, 239;
$bubble-bath-light: mix(#fff, $bubble-bath, 20%);
$bubble-bath-dark: mix(#000, $bubble-bath, 20%);
.element {
color: $bubble-bath;
box-shadow: 0 0 0 2px rgba($bubble-bath, 0.35);
}