Nächste benannte Farbe · #DAF5FF
#DAF5FF
Nächste benannte Farbe: Water
#DAF5FF (rgb(218 245 255), hsl(196 100% 93%), oklch(0.954 0.031 222)) liegt am nächsten an der benannten Farbe Water. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DAF5FF
oklch(0.954 0.031 222)
Farbumrechnungen
- HEX
- #daf5ff
- RGB
- rgb(218 245 255)
- HSL
- hsl(196 100% 93%)
- HWB
- hwb(196 85% 0%)
- OKLCH
- oklch(0.954 0.031 222)
- OKLab
- oklab(0.954 -0.023 -0.021)
- CIE Lab
- lab(94.79 -7.63 -7.96)
- LCH
- lch(94.79 11.02 226.2)
- CMYK
- cmyk(15% 4% 0% 0%)
Tints · Shades · Tones
Tints
- DEF6FF
- E2F7FF
- E5F8FF
- E9F9FF
- EDFAFF
- F0FBFF
- F4FCFF
- F8FDFF
- FBFEFF
Shades
- BDD5DE
- A2B6BE
- 87989E
- 6C7B80
- 545F63
- 3C4448
- 252B2E
- 111516
- 020303
Tones
- D1E9F2
- C7DDE4
- BED1D7
- B5C5CA
- ACB9BE
- A3ADB1
- 9AA2A4
- 919698
- 898B8C
Farbharmonien
Komplementär +180°
- DAF5FF
Water
- FFEBE3
≈ Peach Breeze
Analog -30° +30°
- DAF5FF
Water
- D9F7F5
≈ Fishious Rend
- E5F1FF
≈ Cotton Boll
Triadisch +120° +240°
- DAF5FF
Water
- FFE8F5
≈ Fairy Dust
- F3F1D9
≈ Hipster
Geteilt komplementär +150° +210°
- DAF5FF
Water
- FFEAEB
≈ Pink Lemonade
- FDEDD9
≈ Verve
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.48:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.48:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--water: #daf5ff;
--water-rgb: 218 245 255;
--water-oklch: oklch(0.954 0.031 222);
}
.element {
color: var(--water);
background-color: hsl(196 100% 93%);
border-color: oklch(0.954 0.031 222);
}Tailwind CSS v4
@theme {
--color-water: #daf5ff;
--color-water-50: #ecf7fc;
--color-water-100: #ddeaf0;
--color-water-200: #c7d7de;
--color-water-300: #a7bbc3;
--color-water-400: #8ba3ac;
--color-water-500: #708b95;
--color-water-600: #5f767e;
--color-water-700: #4c5e65;
--color-water-800: #37454a;
--color-water-900: #253033;
--color-water-950: #141c1f;
}SCSS
$water: #daf5ff;
$water-rgb: 218, 245, 255;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);
.element {
color: $water;
box-shadow: 0 0 0 2px rgba($water, 0.35);
}