Couleur nommée la plus proche · #ABA9F5
#ABA9F5
Couleur nommée la plus proche: Cold Lips
#ABA9F5 (rgb(171 169 245), hsl(242 79% 81%), oklch(0.765 0.108 284.7)) est la plus proche de la couleur nommée Cold Lips. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#ABA9F5
oklch(0.765 0.108 284.7)
Conversions de couleur
- HEX
- #aba9f5
- RGB
- rgb(171 169 245)
- HSL
- hsl(242 79% 81%)
- HWB
- hwb(242 66% 4%)
- OKLCH
- oklch(0.765 0.108 284.7)
- OKLab
- oklab(0.765 0.027 -0.104)
- CIE Lab
- lab(71.58 13.47 -37.99)
- LCH
- lch(71.58 40.31 289.5)
- CMYK
- cmyk(30% 31% 0% 4%)
Teintes · Ombres · Tons
Teintes
- B3B2F7
- BBBAF8
- C3C3F9
- CBCCFA
- D4D4FB
- DCDDFC
- E5E5FD
- EDEEFE
- F6F6FF
Ombres
- 9492D5
- 7E7CB6
- 686798
- 54537B
- 403F5F
- 2D2C44
- 1B1B2B
- 0B0A15
- 010103
Tons
- A6A5E9
- A2A1DD
- 9E9DD1
- 9999C6
- 9595BA
- 9191AE
- 8C8DA3
- 888897
- 84848C
Harmonies de couleurs
Complémentaire +180°
- ABA9F5
Cold Lips
- BDB761
≈ Columbian Gold
Analogue -30° +30°
- ABA9F5
Cold Lips
- 83B6F6
≈ Fly Away
- CC9EE2
≈ Silver Rust
Triadique +120° +240°
- ABA9F5
Cold Lips
- EC9C78
≈ Light Amber Orange
- 69C9A1
≈ Minted Elegance
Complémentaire divisée +150° +210°
- ABA9F5
Cold Lips
- DBA860
≈ Streusel Cake
- 95C27B
≈ Leprechaun Laugh
Tétradique +90° +180° +270°
- ABA9F5
Cold Lips
- EF969D
≈ Primrose Garden
- BDB761
≈ Columbian Gold
- 4CC8C8
≈ Rapids
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.15:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.72:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--cold-lips: #aba9f5;
--cold-lips-rgb: 171 169 245;
--cold-lips-oklch: oklch(0.765 0.108 284.7);
}
.element {
color: var(--cold-lips);
background-color: hsl(242 79% 81%);
border-color: oklch(0.765 0.108 284.7);
}Tailwind CSS v4
@theme {
--color-cold-lips: #aba9f5;
--color-cold-lips-50: #f2f1ff;
--color-cold-lips-100: #e4e3ff;
--color-cold-lips-200: #d0ceff;
--color-cold-lips-300: #b3afed;
--color-cold-lips-400: #9795dc;
--color-cold-lips-500: #7f7bcb;
--color-cold-lips-600: #6b68ab;
--color-cold-lips-700: #565389;
--color-cold-lips-800: #3d3d67;
--color-cold-lips-900: #2a2a48;
--color-cold-lips-950: #18172f;
}SCSS
$cold-lips: #aba9f5;
$cold-lips-rgb: 171, 169, 245;
$cold-lips-light: mix(#fff, $cold-lips, 20%);
$cold-lips-dark: mix(#000, $cold-lips, 20%);
.element {
color: $cold-lips;
box-shadow: 0 0 0 2px rgba($cold-lips, 0.35);
}