Colore con nome più vicino · #88CEE3
#88CEE3
Colore con nome più vicino: Infinity Pool
#88CEE3 (rgb(136 206 227), hsl(194 62% 71%), oklch(0.812 0.076 218.7)) è più vicino al colore con nome Infinity Pool. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#88CEE3
oklch(0.812 0.076 218.7)
Conversioni di colore
- HEX
- #88cee3
- RGB
- rgb(136 206 227)
- HSL
- hsl(194 62% 71%)
- HWB
- hwb(194 53% 11%)
- OKLCH
- oklch(0.812 0.076 218.7)
- OKLab
- oklab(0.812 -0.059 -0.048)
- CIE Lab
- lab(78.68 -18.87 -17.78)
- LCH
- lch(78.68 25.93 223.3)
- CMYK
- cmyk(40% 9% 0% 11%)
Tinte · Ombre · Toni
Tinte
- 95D3E6
- A1D8E9
- ADDDEC
- B9E2EE
- C5E7F1
- D1ECF4
- DCF0F7
- E8F5FA
- F4FAFC
Ombre
- 75B3C5
- 6398A8
- 527F8C
- 416671
- 314E57
- 22383F
- 132327
- 060F12
- 010203
Toni
- 88C6D9
- 88BECF
- 88B6C4
- 87AEBA
- 87A6B0
- 869FA7
- 84979D
- 838F93
- 82888A
Armonie di colore
Complementare +180°
- 88CEE3
Infinity Pool
- EEB19E
≈ Stucco Wall
Analogo -30° +30°
- 88CEE3
Infinity Pool
- 86D2CB
≈ Electro Chill
- 9CC6F1
≈ Sail to the Sea
Triadico +120° +240°
- 88CEE3
Infinity Pool
- E3AFD2
≈ Flower Power
- CEC38A
≈ Winter Hazel
Complementare divisa +150° +210°
- 88CEE3
Infinity Pool
- EEAEB8
≈ Exclusively Yours
- E3B98C
≈ Desert Dust
Tetradico +90° +180° +270°
- 88CEE3
Infinity Pool
- D0B5E8
≈ Pretty Petunia
- EEB19E
≈ Stucco Wall
- B3CC97
≈ Greenhorn
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.98:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--infinity-pool: #88cee3;
--infinity-pool-rgb: 136 206 227;
--infinity-pool-oklch: oklch(0.812 0.076 218.7);
}
.element {
color: var(--infinity-pool);
background-color: hsl(194 62% 71%);
border-color: oklch(0.812 0.076 218.7);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #88cee3;
--color-infinity-pool-50: #defbff;
--color-infinity-pool-100: #cdeefa;
--color-infinity-pool-200: #b1dceb;
--color-infinity-pool-300: #8cc1d3;
--color-infinity-pool-400: #68aabd;
--color-infinity-pool-500: #4392a8;
--color-infinity-pool-600: #3a7c8e;
--color-infinity-pool-700: #2e6372;
--color-infinity-pool-800: #1f4953;
--color-infinity-pool-900: #15333a;
--color-infinity-pool-950: #061e24;
}SCSS
$infinity-pool: #88cee3;
$infinity-pool-rgb: 136, 206, 227;
$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);
}