最も近い色名 · #C5AEDB
#C5AEDB
最も近い色名: Moonraker
#C5AEDB（rgb(197 174 219)、hsl(271 38% 77%)、oklch(0.785 0.067 308)）に最も近い色名はMoonrakerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C5AEDB
oklch(0.785 0.067 308)
カラー変換
- HEX
- #c5aedb
- RGB
- rgb(197 174 219)
- HSL
- hsl(271 38% 77%)
- HWB
- hwb(271 68% 14%)
- OKLCH
- oklch(0.785 0.067 308)
- OKLab
- oklab(0.785 0.042 -0.053)
- CIE Lab
- lab(74.23 14.86 -19.64)
- LCH
- lch(74.23 24.63 307.1)
- CMYK
- cmyk(10% 21% 0% 14%)
ティント · シェード · トーン
ティント
- CBB6DF
- D0BEE2
- D6C6E6
- DCCEEA
- E2D6ED
- E8DEF1
- EDE6F4
- F3EFF8
- F9F7FC
シェード
- AB97BE
- 9280A2
- 796A87
- 61556D
- 4B4154
- 352E3C
- 211C26
- 0E0B11
- 020102
トーン
- BEA9D2
- B7A5C8
- B0A0BF
- A99CB6
- A297AD
- 9B92A4
- 948E9B
- 8D8992
- 878589
カラーハーモニー
補色 +180°
- C5AEDB
Moonraker
- ADC294
≈ Harmonious
類似色 -30° +30°
- C5AEDB
Moonraker
- AEB6E5
≈ Perano
- D7A9C8
≈ Lofty Delight
トライアド +120° +240°
- C5AEDB
Moonraker
- D6B28B
≈ Summerwood
- 86C8C1
≈ Mercury Mist
スプリットコンプリメンタリー +150° +210°
- C5AEDB
Moonraker
- C4BA88
≈ Goody Two Shoes
- 95C7A9
≈ Peppermint Spray
テトラード +90° +180° +270°
- C5AEDB
Moonraker
- E0AB9A
≈ Sun-Kissed Beach
- ADC294
≈ Harmonious
- 87C4D6
≈ Dolphin
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.00:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.45:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.45:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--moonraker: #c5aedb;
--moonraker-rgb: 197 174 219;
--moonraker-oklch: oklch(0.785 0.067 308);
}
.element {
color: var(--moonraker);
background-color: hsl(271 38% 77%);
border-color: oklch(0.785 0.067 308);
}Tailwind CSS v4
@theme {
--color-moonraker: #c5aedb;
--color-moonraker-50: #fbf0ff;
--color-moonraker-100: #efe2f9;
--color-moonraker-200: #ddcdea;
--color-moonraker-300: #c2aed2;
--color-moonraker-400: #a994be;
--color-moonraker-500: #937aa9;
--color-moonraker-600: #7c688f;
--color-moonraker-700: #635372;
--color-moonraker-800: #483c55;
--color-moonraker-900: #32293b;
--color-moonraker-950: #1e1725;
}SCSS
$moonraker: #c5aedb;
$moonraker-rgb: 197, 174, 219;
$moonraker-light: mix(#fff, $moonraker, 20%);
$moonraker-dark: mix(#000, $moonraker, 20%);
.element {
color: $moonraker;
box-shadow: 0 0 0 2px rgba($moonraker, 0.35);
}