Nächste benannte Farbe · #99D3E2
#99D3E2
Nächste benannte Farbe: Infinity Pool
#99D3E2 (rgb(153 211 226), hsl(192 56% 74%), oklch(0.832 0.063 215.5)) liegt am nächsten an der benannten Farbe Infinity Pool. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#99D3E2
oklch(0.832 0.063 215.5)
Farbumrechnungen
- HEX
- #99d3e2
- RGB
- rgb(153 211 226)
- HSL
- hsl(192 56% 74%)
- HWB
- hwb(192 60% 11%)
- OKLCH
- oklch(0.832 0.063 215.5)
- OKLab
- oklab(0.832 -0.051 -0.037)
- CIE Lab
- lab(80.96 -16.61 -13.75)
- LCH
- lch(80.96 21.56 219.6)
- CMYK
- cmyk(32% 7% 0% 11%)
Tints · Shades · Tones
Tints
- A4D7E5
- AEDCE8
- B8E0EB
- C3E5EE
- CDE9F1
- D7EEF4
- E1F2F6
- EBF6F9
- F5FBFC
Shades
- 84B7C4
- 709CA8
- 5D828C
- 4A6971
- 385157
- 273A3E
- 172427
- 081012
- 010203
Tones
- 97CAD8
- 95C2CE
- 93B9C4
- 90B1BA
- 8EA9B0
- 8BA1A6
- 89989C
- 869093
- 838889
Farbharmonien
Komplementär +180°
- 99D3E2
Infinity Pool
- EEBAAC
≈ Carnation Coral
Analog -30° +30°
- 99D3E2
Infinity Pool
- 99D6CE
≈ Fountain City
- A7CDEF
≈ Blossom Blue
Triadisch +120° +240°
- 99D3E2
Infinity Pool
- E3B9D8
≈ Sweetie Pie
- D4C89A
≈ Parsnip
Geteilt komplementär +150° +210°
- 99D3E2
Infinity Pool
- EDB8C2
≈ Cat Nose
- E5C09D
≈ Library Card
Tetradisch +90° +180° +270°
- 99D3E2
Infinity Pool
- D2BEE9
≈ York Plum
- EEBAAC
≈ Carnation Coral
- BED0A4
≈ Spumoni Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.77:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--infinity-pool: #99d3e2;
--infinity-pool-rgb: 153 211 226;
--infinity-pool-oklch: oklch(0.832 0.063 215.5);
}
.element {
color: var(--infinity-pool);
background-color: hsl(192 56% 74%);
border-color: oklch(0.832 0.063 215.5);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #99d3e2;
--color-infinity-pool-50: #e2faff;
--color-infinity-pool-100: #d2eef6;
--color-infinity-pool-200: #b7dbe6;
--color-infinity-pool-300: #94c0cd;
--color-infinity-pool-400: #73a8b6;
--color-infinity-pool-500: #5291a1;
--color-infinity-pool-600: #467b88;
--color-infinity-pool-700: #38626d;
--color-infinity-pool-800: #274850;
--color-infinity-pool-900: #1a3237;
--color-infinity-pool-950: #0a1e22;
}SCSS
$infinity-pool: #99d3e2;
$infinity-pool-rgb: 153, 211, 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);
}