Colore con nome più vicino · #99D3E2
#99D3E2
Colore con nome più vicino: Infinity Pool
#99D3E2 (rgb(153 211 226), hsl(192 56% 74%), oklch(0.832 0.063 215.5)) è più vicino al colore con nome Infinity Pool. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#99D3E2
oklch(0.832 0.063 215.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A4D7E5
- AEDCE8
- B8E0EB
- C3E5EE
- CDE9F1
- D7EEF4
- E1F2F6
- EBF6F9
- F5FBFC
Ombre
- 84B7C4
- 709CA8
- 5D828C
- 4A6971
- 385157
- 273A3E
- 172427
- 081012
- 010203
Toni
- 97CAD8
- 95C2CE
- 93B9C4
- 90B1BA
- 8EA9B0
- 8BA1A6
- 89989C
- 869093
- 838889
Armonie di colore
Complementare +180°
- 99D3E2
Infinity Pool
- EEBAAC
≈ Carnation Coral
Analogo -30° +30°
- 99D3E2
Infinity Pool
- 99D6CE
≈ Fountain City
- A7CDEF
≈ Blossom Blue
Triadico +120° +240°
- 99D3E2
Infinity Pool
- E3B9D8
≈ Sweetie Pie
- D4C89A
≈ Parsnip
Complementare divisa +150° +210°
- 99D3E2
Infinity Pool
- EDB8C2
≈ Cat Nose
- E5C09D
≈ Library Card
Tetradico +90° +180° +270°
- 99D3E2
Infinity Pool
- D2BEE9
≈ York Plum
- EEBAAC
≈ Carnation Coral
- BED0A4
≈ Spumoni Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.64:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.77:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
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);
}