最も近い色名 · #AD6DCB
#AD6DCB
最も近い色名: Lavender
#AD6DCB（rgb(173 109 203)、hsl(281 47% 61%)、oklch(0.64 0.151 314.2)）に最も近い色名はLavenderです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AD6DCB
oklch(0.64 0.151 314.2)
カラー変換
- HEX
- #ad6dcb
- RGB
- rgb(173 109 203)
- HSL
- hsl(281 47% 61%)
- HWB
- hwb(281 43% 20%)
- OKLCH
- oklch(0.64 0.151 314.2)
- OKLab
- oklab(0.64 0.105 -0.108)
- CIE Lab
- lab(55.97 38.31 -38.97)
- LCH
- lch(55.97 54.65 314.5)
- CMYK
- cmyk(15% 46% 0% 20%)
ティント · シェード · トーン
ティント
- B57CD1
- BE8BD6
- C699DC
- CEA8E1
- D6B6E7
- DEC5EC
- E7D3F1
- EFE2F6
- F7F0FA
シェード
- 965EB0
- 7F4F96
- 6A417D
- 553365
- 41264D
- 2D1937
- 1B0D22
- 0B040F
- 010102
トーン
- A970C4
- A472BC
- A075B5
- 9B77AD
- 9779A6
- 927A9F
- 8E7C97
- 897D8F
- 857F88
カラーハーモニー
補色 +180°
- AD6DCB
Lavender
- 639F36
≈ Radiant Foliage
類似色 -30° +30°
- AD6DCB
Lavender
- 837CE3
≈ Indigo Bloom
- C962A2
≈ Phlox Pink
トライアド +120° +240°
- AD6DCB
Lavender
- BC7D00
≈ Guo Tie Dumpling
- 00A0A0
≈ Pleasant Stream
スプリットコンプリメンタリー +150° +210°
- AD6DCB
Lavender
- 9A8F00
≈ Smoothie Green
- 00A576
≈ Bluish Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.60:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.82:1 · APCA Lc 38
最適な文字色: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
コードスニペット
CSS
:root {
--lavender: #ad6dcb;
--lavender-rgb: 173 109 203;
--lavender-oklch: oklch(0.64 0.151 314.2);
}
.element {
color: var(--lavender);
background-color: hsl(281 47% 61%);
border-color: oklch(0.64 0.151 314.2);
}Tailwind CSS v4
@theme {
--color-lavender: #ad6dcb;
--color-lavender-50: #ffe9ff;
--color-lavender-100: #fcd9ff;
--color-lavender-200: #eec1ff;
--color-lavender-300: #d69feb;
--color-lavender-400: #bf81dc;
--color-lavender-500: #aa63ca;
--color-lavender-600: #8f54ab;
--color-lavender-700: #734389;
--color-lavender-800: #543167;
--color-lavender-900: #3a2149;
--color-lavender-950: #241030;
}SCSS
$lavender: #ad6dcb;
$lavender-rgb: 173, 109, 203;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}