最も近い色名 · #C963CD
#C963CD
最も近い色名: Lavendless
#C963CD（rgb(201 99 205)、hsl(298 51% 60%)、oklch(0.659 0.184 326)）に最も近い色名はLavendlessです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C963CD
oklch(0.659 0.184 326)
カラー変換
- HEX
- #c963cd
- RGB
- rgb(201 99 205)
- HSL
- hsl(298 51% 60%)
- HWB
- hwb(298 39% 20%)
- OKLCH
- oklch(0.659 0.184 326)
- OKLab
- oklab(0.659 0.152 -0.103)
- CIE Lab
- lab(57.69 52.14 -37.09)
- LCH
- lch(57.69 63.99 324.6)
- CMYK
- cmyk(2% 52% 0% 20%)
ティント · シェード · トーン
ティント
- CF74D3
- D684D8
- DC94DD
- E1A3E2
- E7B3E7
- ECC2EC
- F1D1F1
- F6E0F6
- FBF0FB
シェード
- AE55B2
- 954798
- 7C3A7E
- 642E66
- 4C214E
- 361638
- 220B23
- 0F030F
- 020002
トーン
- C267C5
- BB6CBE
- B46FB6
- AD72AF
- A675A7
- 9F789F
- 977A98
- 907C90
- 887E88
カラーハーモニー
補色 +180°
- C963CD
Lavendless
- 2BAE44
≈ Matt Green
類似色 -30° +30°
- C963CD
Lavendless
- 9E75F4
≈ Forgotten Purple
- E45896
≈ Tutuji Pink
トライアド +120° +240°
- C963CD
Lavendless
- B68B00
≈ Loden Yellow
- 00A5B4
≈ Garish Blue
スプリットコンプリメンタリー +150° +210°
- C963CD
Lavendless
- 8E9C00
≈ Traffic Light Green
- 00AA8F
≈ Shindig
テトラード +90° +180° +270°
- C963CD
Lavendless
- DA7200
≈ Gold Orange
- 2BAE44
≈ Matt Green
- 009DDC
≈ Atmosphere
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.41:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.14:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.14:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--lavendless: #c963cd;
--lavendless-rgb: 201 99 205;
--lavendless-oklch: oklch(0.659 0.184 326);
}
.element {
color: var(--lavendless);
background-color: hsl(298 51% 60%);
border-color: oklch(0.659 0.184 326);
}Tailwind CSS v4
@theme {
--color-lavendless: #c963cd;
--color-lavendless-50: #ffe3ff;
--color-lavendless-100: #ffd3ff;
--color-lavendless-200: #ffb8fc;
--color-lavendless-300: #e994e7;
--color-lavendless-400: #d473d8;
--color-lavendless-500: #c14fc6;
--color-lavendless-600: #a344a7;
--color-lavendless-700: #833686;
--color-lavendless-800: #602765;
--color-lavendless-900: #431a47;
--color-lavendless-950: #2b0a2e;
}SCSS
$lavendless: #c963cd;
$lavendless-rgb: 201, 99, 205;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}