Nächste benannte Farbe · #94D6E2
#94D6E2
Nächste benannte Farbe: Infinity Pool
#94D6E2 (rgb(148 214 226), hsl(189 57% 73%), oklch(0.836 0.068 210.1)) liegt am nächsten an der benannten Farbe Infinity Pool. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#94D6E2
oklch(0.836 0.068 210.1)
Farbumrechnungen
- HEX
- #94d6e2
- RGB
- rgb(148 214 226)
- HSL
- hsl(189 57% 73%)
- HWB
- hwb(189 58% 11%)
- OKLCH
- oklch(0.836 0.068 210.1)
- OKLab
- oklab(0.836 -0.059 -0.034)
- CIE Lab
- lab(81.51 -19.45 -12.96)
- LCH
- lch(81.51 23.37 213.7)
- CMYK
- cmyk(35% 5% 0% 11%)
Tints · Shades · Tones
Tints
- 9FDAE5
- ABDEE8
- B5E2EB
- C0E7EE
- CBEBF1
- D5EFF4
- E0F3F6
- EAF7F9
- F5FBFC
Shades
- 80BAC4
- 6D9EA8
- 5A848C
- 486A71
- 365257
- 263B3E
- 162527
- 081012
- 010203
Tones
- 93CDD8
- 91C4CE
- 90BCC4
- 8EB3BA
- 8CAAB0
- 8AA2A6
- 88999C
- 859193
- 838889
Farbharmonien
Komplementär +180°
- 94D6E2
Infinity Pool
- F3B9AF
≈ Ballerina Tears
Analog -30° +30°
- 94D6E2
Infinity Pool
- 98D8CB
≈ Aqua Glow
- A1D0F2
≈ Mediterranean Charm
Triadisch +120° +240°
- 94D6E2
Infinity Pool
- E4BADF
≈ Blackberry Yoghurt
- DAC896
≈ Pale Moss
Geteilt komplementär +150° +210°
- 94D6E2
Infinity Pool
- F0B7C7
≈ Chantilly
- EBBF9D
≈ Madrid Beige
Tetradisch +90° +180° +270°
- 94D6E2
Infinity Pool
- D0C0F0
≈ Connecticut Lilac
- F3B9AF
≈ Ballerina Tears
- C3D09E
≈ Cricket Field
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.97:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--infinity-pool: #94d6e2;
--infinity-pool-rgb: 148 214 226;
--infinity-pool-oklch: oklch(0.836 0.068 210.1);
}
.element {
color: var(--infinity-pool);
background-color: hsl(189 57% 73%);
border-color: oklch(0.836 0.068 210.1);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #94d6e2;
--color-infinity-pool-50: #e0fbff;
--color-infinity-pool-100: #cfeff5;
--color-infinity-pool-200: #b4dde5;
--color-infinity-pool-300: #8fc1cc;
--color-infinity-pool-400: #6daab5;
--color-infinity-pool-500: #49939f;
--color-infinity-pool-600: #3f7c87;
--color-infinity-pool-700: #32636c;
--color-infinity-pool-800: #23494f;
--color-infinity-pool-900: #173337;
--color-infinity-pool-950: #081e22;
}SCSS
$infinity-pool: #94d6e2;
$infinity-pool-rgb: 148, 214, 226;
$infinity-pool-light: mix(#fff, $infinity-pool, 20%);
$infinity-pool-dark: mix(#000, $infinity-pool, 20%);
.element {
color: $infinity-pool;
box-shadow: 0 0 0 2px rgba($infinity-pool, 0.35);
}