最も近い色名 · #ABA9F5
#ABA9F5
最も近い色名: Cold Lips
#ABA9F5（rgb(171 169 245)、hsl(242 79% 81%)、oklch(0.765 0.108 284.7)）に最も近い色名はCold Lipsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ABA9F5
oklch(0.765 0.108 284.7)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- B3B2F7
- BBBAF8
- C3C3F9
- CBCCFA
- D4D4FB
- DCDDFC
- E5E5FD
- EDEEFE
- F6F6FF
シェード
- 9492D5
- 7E7CB6
- 686798
- 54537B
- 403F5F
- 2D2C44
- 1B1B2B
- 0B0A15
- 010103
トーン
- A6A5E9
- A2A1DD
- 9E9DD1
- 9999C6
- 9595BA
- 9191AE
- 8C8DA3
- 888897
- 84848C
カラーハーモニー
補色 +180°
- ABA9F5
Cold Lips
- BDB761
≈ Columbian Gold
類似色 -30° +30°
- ABA9F5
Cold Lips
- 83B6F6
≈ Fly Away
- CC9EE2
≈ Silver Rust
トライアド +120° +240°
- ABA9F5
Cold Lips
- EC9C78
≈ Light Amber Orange
- 69C9A1
≈ Minted Elegance
スプリットコンプリメンタリー +150° +210°
- ABA9F5
Cold Lips
- DBA860
≈ Streusel Cake
- 95C27B
≈ Leprechaun Laugh
テトラード +90° +180° +270°
- ABA9F5
Cold Lips
- EF969D
≈ Primrose Garden
- BDB761
≈ Columbian Gold
- 4CC8C8
≈ Rapids
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.15:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.72:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
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);
}