Couleur nommée la plus proche · #9BD3DF
#9BD3DF
Couleur nommée la plus proche: Infinity Pool
#9BD3DF (rgb(155 211 223), hsl(191 52% 74%), oklch(0.832 0.06 212.4)) est la plus proche de la couleur nommée Infinity Pool. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9BD3DF
oklch(0.832 0.06 212.4)
Conversions de couleur
- HEX
- #9bd3df
- RGB
- rgb(155 211 223)
- HSL
- hsl(191 52% 74%)
- HWB
- hwb(191 61% 13%)
- OKLCH
- oklch(0.832 0.06 212.4)
- OKLab
- oklab(0.832 -0.051 -0.032)
- CIE Lab
- lab(81 -16.56 -12.09)
- LCH
- lch(81 20.5 216.1)
- CMYK
- cmyk(30% 5% 0% 13%)
Teintes · Ombres · Tons
Teintes
- A5D7E2
- B0DCE5
- BAE0E9
- C4E5EC
- CEE9EF
- D8EDF2
- E2F2F5
- EBF6F9
- F5FBFC
Ombres
- 86B7C2
- 729CA5
- 5E828A
- 4B696F
- 395156
- 283A3D
- 182427
- 091012
- 010202
Tons
- 99CAD5
- 96C2CB
- 94B9C2
- 91B1B8
- 8FA9AE
- 8CA0A5
- 89989C
- 869092
- 838889
Harmonies de couleurs
Complémentaire +180°
- 9BD3DF
Infinity Pool
- ECBBB0
≈ Peach Souffle
Analogue -30° +30°
- 9BD3DF
Infinity Pool
- 9DD5CB
≈ Aqua Glow
- A7CEEC
≈ Sail
Triadique +120° +240°
- 9BD3DF
Infinity Pool
- E0BAD9
≈ Posies
- D6C89C
≈ Parsnip
Complémentaire divisée +150° +210°
- 9BD3DF
Infinity Pool
- EBB8C5
≈ Chantilly
- E5C0A1
≈ Fabulous Fawn
Tétradique +90° +180° +270°
- 9BD3DF
Infinity Pool
- CFBFE9
≈ York Plum
- ECBBB0
≈ Peach Souffle
- C1CFA4
≈ Spumoni Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.64:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.77:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--infinity-pool: #9bd3df;
--infinity-pool-rgb: 155 211 223;
--infinity-pool-oklch: oklch(0.832 0.06 212.4);
}
.element {
color: var(--infinity-pool);
background-color: hsl(191 52% 74%);
border-color: oklch(0.832 0.06 212.4);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #9bd3df;
--color-infinity-pool-50: #e3faff;
--color-infinity-pool-100: #d2eef4;
--color-infinity-pool-200: #b8dbe4;
--color-infinity-pool-300: #95c0ca;
--color-infinity-pool-400: #75a8b3;
--color-infinity-pool-500: #54919d;
--color-infinity-pool-600: #487b85;
--color-infinity-pool-700: #39626b;
--color-infinity-pool-800: #28484e;
--color-infinity-pool-900: #1b3236;
--color-infinity-pool-950: #0b1e21;
}SCSS
$infinity-pool: #9bd3df;
$infinity-pool-rgb: 155, 211, 223;
$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);
}