Couleur nommée la plus proche · #3D89FF
#3D89FF
Couleur nommée la plus proche: Pool Water
#3D89FF (rgb(61 137 255), hsl(216 100% 62%), oklch(0.644 0.191 259.1)) est la plus proche de la couleur nommée Pool Water. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#3D89FF
oklch(0.644 0.191 259.1)
Conversions de couleur
- HEX
- #3d89ff
- RGB
- rgb(61 137 255)
- HSL
- hsl(216 100% 62%)
- HWB
- hwb(216 24% 0%)
- OKLCH
- oklch(0.644 0.191 259.1)
- OKLab
- oklab(0.644 -0.036 -0.188)
- CIE Lab
- lab(57.11 7.8 -66.74)
- LCH
- lch(57.11 67.19 276.7)
- CMYK
- cmyk(76% 46% 0% 0%)
Teintes · Ombres · Tons
Teintes
- 5296FF
- 66A3FF
- 7AAFFF
- 8DBBFF
- A0C6FF
- B3D2FF
- C6DDFF
- D9E9FF
- ECF4FF
Ombres
- 3476DE
- 2B64BE
- 22539E
- 1A4280
- 123163
- 0A2248
- 04142E
- 010716
- 000103
Tons
- 4689F2
- 4E89E6
- 5689D9
- 5D88CD
- 6388C0
- 6A87B4
- 7085A7
- 75849A
- 7B828D
Harmonies de couleurs
Complémentaire +180°
- 3D89FF
Pool Water
- B88200
≈ Letter Jacket
Analogue -30° +30°
- 3D89FF
Pool Water
- 009BCB
≈ Isle of Capri
- 8D73F8
≈ Bainganī
Triadique +120° +240°
- 3D89FF
Pool Water
- EA4F5D
≈ Highlighter Red
- 43A71D
≈ Lawn Green
Complémentaire divisée +150° +210°
- 3D89FF
Pool Water
- DD6600
≈ Orange Danger
- 959300
≈ Old Asparagus
Tétradique +90° +180° +270°
- 3D89FF
Pool Water
- DD519F
≈ Nova Pink
- B88200
≈ Letter Jacket
- 00A680
≈ Active Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.37:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.22:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
CSS
:root {
--pool-water: #3d89ff;
--pool-water-rgb: 61 137 255;
--pool-water-oklch: oklch(0.644 0.191 259.1);
}
.element {
color: var(--pool-water);
background-color: hsl(216 100% 62%);
border-color: oklch(0.644 0.191 259.1);
}Tailwind CSS v4
@theme {
--color-pool-water: #3d89ff;
--color-pool-water-50: #d7f7ff;
--color-pool-water-100: #c4e9ff;
--color-pool-water-200: #a6d5ff;
--color-pool-water-300: #7fb6ff;
--color-pool-water-400: #549cff;
--color-pool-water-500: #287fff;
--color-pool-water-600: #246cd9;
--color-pool-water-700: #1d56af;
--color-pool-water-800: #0b4082;
--color-pool-water-900: #072c5c;
--color-pool-water-950: #00183f;
}SCSS
$pool-water: #3d89ff;
$pool-water-rgb: 61, 137, 255;
$pool-water-light: mix(#fff, $pool-water, 20%);
$pool-water-dark: mix(#000, $pool-water, 20%);
.element {
color: $pool-water;
box-shadow: 0 0 0 2px rgba($pool-water, 0.35);
}