Nächste benannte Farbe · #D4F8FC
#D4F8FC
Nächste benannte Farbe: Vaporised
#D4F8FC (rgb(212 248 252), hsl(186 87% 91%), oklch(0.955 0.038 204.7)) liegt am nächsten an der benannten Farbe Vaporised. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D4F8FC
oklch(0.955 0.038 204.7)
Farbumrechnungen
- HEX
- #d4f8fc
- RGB
- rgb(212 248 252)
- HSL
- hsl(186 87% 91%)
- HWB
- hwb(186 83% 1%)
- OKLCH
- oklch(0.955 0.038 204.7)
- OKLab
- oklab(0.955 -0.034 -0.016)
- CIE Lab
- lab(95.09 -11.42 -6.03)
- LCH
- lch(95.09 12.91 207.8)
- CMYK
- cmyk(16% 2% 0% 1%)
Tints · Shades · Tones
Tints
- D8F9FC
- DDF9FD
- E1FAFD
- E6FBFD
- EAFCFE
- EEFCFE
- F2FDFE
- F7FEFE
- FBFEFF
Shades
- B8D8DB
- 9DB8BB
- 839A9C
- 697C7E
- 516062
- 3A4547
- 242C2D
- 101516
- 020303
Tones
- CBEBEF
- C3DFE2
- BAD3D5
- B2C6C9
- A9BABC
- A1AEB0
- 99A2A4
- 909798
- 888B8C
Farbharmonien
Komplementär +180°
- D4F8FC
Vaporised
- FFEBE9
≈ Rose Frost
Analog -30° +30°
- D4F8FC
Vaporised
- D7F9EE
≈ Mid Spring Morning
- E1F3FF
≈ Wizard White
Triadisch +120° +240°
- D4F8FC
Vaporised
- FEE8FE
≈ Fairy Bubblegum Cloud
- FCEFD4
≈ Varden
Geteilt komplementär +150° +210°
- D4F8FC
Vaporised
- FFE9F1
≈ Fairy Wings
- FFECE0
≈ Pink Glow
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.12:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.63:1 · APCA Lc 99
Beste Textfarbe: #000000
WCAG 18.63:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--vaporised: #d4f8fc;
--vaporised-rgb: 212 248 252;
--vaporised-oklch: oklch(0.955 0.038 204.7);
}
.element {
color: var(--vaporised);
background-color: hsl(186 87% 91%);
border-color: oklch(0.955 0.038 204.7);
}Tailwind CSS v4
@theme {
--color-vaporised: #d4f8fc;
--color-vaporised-50: #eaf8fa;
--color-vaporised-100: #daecee;
--color-vaporised-200: #c3d9dc;
--color-vaporised-300: #a2bdc1;
--color-vaporised-400: #85a5a9;
--color-vaporised-500: #698e92;
--color-vaporised-600: #59787b;
--color-vaporised-700: #476063;
--color-vaporised-800: #334648;
--color-vaporised-900: #233132;
--color-vaporised-950: #121d1e;
}SCSS
$vaporised: #d4f8fc;
$vaporised-rgb: 212, 248, 252;
$vaporised-light: mix(#fff, $vaporised, 20%);
$vaporised-dark: mix(#000, $vaporised, 20%);
.element {
color: $vaporised;
box-shadow: 0 0 0 2px rgba($vaporised, 0.35);
}