Couleur nommée la plus proche · #B4A5FF
#B4A5FF
Couleur nommée la plus proche: Cold Lips
#B4A5FF (rgb(180 165 255), hsl(250 100% 82%), oklch(0.769 0.127 290.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.
#B4A5FF
oklch(0.769 0.127 290.7)
Conversions de couleur
- HEX
- #b4a5ff
- RGB
- rgb(180 165 255)
- HSL
- hsl(250 100% 82%)
- HWB
- hwb(250 65% 0%)
- OKLCH
- oklch(0.769 0.127 290.7)
- OKLab
- oklab(0.769 0.045 -0.119)
- CIE Lab
- lab(71.68 20.23 -43.16)
- LCH
- lch(71.68 47.67 295.1)
- CMYK
- cmyk(29% 35% 0% 0%)
Teintes · Ombres · Tons
Teintes
- BBAEFF
- C2B7FF
- C9C0FF
- D1C9FF
- D8D2FF
- E0DBFF
- E7E4FF
- EFEDFF
- F7F6FF
Ombres
- 9C8FDE
- 8579BE
- 6E659E
- 585180
- 443D63
- 302B48
- 1D1A2E
- 0C0A16
- 020103
Tons
- AEA2F2
- A99EE5
- A49BD8
- 9E97CB
- 9993BF
- 9490B2
- 8F8CA6
- 8A8899
- 85848D
Harmonies de couleurs
Complémentaire +180°
- B4A5FF
Cold Lips
- B8BB53
≈ Japanese Fern
Analogue -30° +30°
- B4A5FF
Cold Lips
- 89B4FF
≈ Carolina Blue
- D998E6
≈ Bright Ube
Triadique +120° +240°
- B4A5FF
Cold Lips
- F49B66
≈ Indian Paintbrush
- 4ACEA9
≈ Mint Jelly
Complémentaire divisée +150° +210°
- B4A5FF
Cold Lips
- DEAB4A
≈ Brass Buttons
- 86C87A
≈ Applegate
Tétradique +90° +180° +270°
- B4A5FF
Cold Lips
- FB9191
≈ Cherished One
- B8BB53
≈ Japanese Fern
- 1BCCD5
≈ Jade Glass
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.15:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.76:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--cold-lips: #b4a5ff;
--cold-lips-rgb: 180 165 255;
--cold-lips-oklch: oklch(0.769 0.127 290.7);
}
.element {
color: var(--cold-lips);
background-color: hsl(250 100% 82%);
border-color: oklch(0.769 0.127 290.7);
}Tailwind CSS v4
@theme {
--color-cold-lips: #b4a5ff;
--color-cold-lips-50: #f6efff;
--color-cold-lips-100: #e9e1ff;
--color-cold-lips-200: #d5cbff;
--color-cold-lips-300: #b9abf3;
--color-cold-lips-400: #9f90e4;
--color-cold-lips-500: #8775d3;
--color-cold-lips-600: #7263b2;
--color-cold-lips-700: #5b4f8f;
--color-cold-lips-800: #413a6b;
--color-cold-lips-900: #2d284c;
--color-cold-lips-950: #1a1532;
}SCSS
$cold-lips: #b4a5ff;
$cold-lips-rgb: 180, 165, 255;
$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);
}