Nächste benannte Farbe · #418BFF
#418BFF
Nächste benannte Farbe: Pool Water
#418BFF (rgb(65 139 255), hsl(217 100% 63%), oklch(0.65 0.188 259.2)) liegt am nächsten an der benannten Farbe Pool Water. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#418BFF
oklch(0.65 0.188 259.2)
Farbumrechnungen
- HEX
- #418bff
- RGB
- rgb(65 139 255)
- HSL
- hsl(217 100% 63%)
- HWB
- hwb(217 25% 0%)
- OKLCH
- oklch(0.65 0.188 259.2)
- OKLab
- oklab(0.65 -0.035 -0.184)
- CIE Lab
- lab(57.8 7.22 -65.63)
- LCH
- lch(57.8 66.03 276.3)
- CMYK
- cmyk(75% 45% 0% 0%)
Tints · Shades · Tones
Tints
- 5698FF
- 69A4FF
- 7CB0FF
- 8FBCFF
- A1C7FF
- B4D3FF
- C7DEFF
- D9E9FF
- ECF4FF
Shades
- 3778DE
- 2E66BE
- 25549E
- 1C4380
- 133263
- 0B2348
- 05142E
- 010716
- 000103
Tones
- 498BF2
- 518BE6
- 588AD9
- 5F89CD
- 6588C0
- 6B87B4
- 7086A7
- 76849A
- 7B828D
Farbharmonien
Komplementär +180°
- 418BFF
Pool Water
- BA8400
≈ Letter Jacket
Analog -30° +30°
- 418BFF
Pool Water
- 009DCD
≈ Structural Blue
- 8F75F8
≈ Forgotten Purple
Triadisch +120° +240°
- 418BFF
Pool Water
- EB525F
≈ Highlighter Red
- 47A825
≈ Green Seduction
Geteilt komplementär +150° +210°
- 418BFF
Pool Water
- DF6700
≈ Orange Danger
- 969500
≈ Turtle Moss
Tetradisch +90° +180° +270°
- 418BFF
Pool Water
- DE54A1
≈ Orion
- BA8400
≈ Letter Jacket
- 00A882
≈ Simply Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.30:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.36:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.36:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--pool-water: #418bff;
--pool-water-rgb: 65 139 255;
--pool-water-oklch: oklch(0.65 0.188 259.2);
}
.element {
color: var(--pool-water);
background-color: hsl(217 100% 63%);
border-color: oklch(0.65 0.188 259.2);
}Tailwind CSS v4
@theme {
--color-pool-water: #418bff;
--color-pool-water-50: #d7f7ff;
--color-pool-water-100: #c5e9ff;
--color-pool-water-200: #a7d5ff;
--color-pool-water-300: #80b6ff;
--color-pool-water-400: #569cff;
--color-pool-water-500: #2c7fff;
--color-pool-water-600: #276cd7;
--color-pool-water-700: #1f57ad;
--color-pool-water-800: #0d4081;
--color-pool-water-900: #082c5c;
--color-pool-water-950: #00193e;
}SCSS
$pool-water: #418bff;
$pool-water-rgb: 65, 139, 255;
$pool-water-light: mix(#fff, $pool-water, 20%);
$pool-water-dark: mix(#000, $pool-water, 20%);
.element {
color: $pool-water;
box-shadow: 0 0 0 2px rgba($pool-water, 0.35);
}