最も近い色名 · #C789BF
#C789BF
最も近い色名: Violaceous
#C789BF（rgb(199 137 191)、hsl(308 36% 66%)、oklch(0.709 0.104 331.2)）に最も近い色名はViolaceousです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C789BF
oklch(0.709 0.104 331.2)
カラー変換
- HEX
- #c789bf
- RGB
- rgb(199 137 191)
- HSL
- hsl(308 36% 66%)
- HWB
- hwb(308 54% 22%)
- OKLCH
- oklch(0.709 0.104 331.2)
- OKLab
- oklab(0.709 0.091 -0.05)
- CIE Lab
- lab(64.8 30.7 -18.36)
- LCH
- lch(64.8 35.77 329.1)
- CMYK
- cmyk(0% 31% 4% 22%)
ティント · シェード · トーン
ティント
- CD95C5
- D3A0CC
- D9ACD2
- DEB8D9
- E4C3DF
- EACFE5
- EFDBEC
- F5E7F2
- FAF3F9
シェード
- AD76A6
- 93648D
- 7A5375
- 62425E
- 4C3148
- 362233
- 21141F
- 0E070D
- 020102
トーン
- C088B9
- B988B2
- B287AC
- AB86A6
- A4859F
- 9D8499
- 968393
- 8E828C
- 878186
カラーハーモニー
補色 +180°
- C789BF
Violaceous
- 6EB480
≈ Frog Pond
類似色 -30° +30°
- C789BF
Violaceous
- AC92D8
≈ Middy’s Purple
- D7859D
≈ Primrose
トライアド +120° +240°
- C789BF
Violaceous
- B99F50
≈ Woollen Mittens
- 41B2C6
≈ Viking
スプリットコンプリメンタリー +150° +210°
- C789BF
Violaceous
- 97AB5F
≈ Herbal Garden
- 47B6A5
≈ Sacred Turquoise
テトラード +90° +180° +270°
- C789BF
Violaceous
- D0925B
≈ Polo Pony
- 6EB480
≈ Frog Pond
- 62A9DC
≈ Acapulco Dive
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.70:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.75:1 · APCA Lc 50
最適な文字色: #000000
WCAG 7.75:1 (AAA) · APCA Lc 50
Contrast pairs
コードスニペット
CSS
:root {
--violaceous: #c789bf;
--violaceous-rgb: 199 137 191;
--violaceous-oklch: oklch(0.709 0.104 331.2);
}
.element {
color: var(--violaceous);
background-color: hsl(308 36% 66%);
border-color: oklch(0.709 0.104 331.2);
}Tailwind CSS v4
@theme {
--color-violaceous: #c789bf;
--color-violaceous-50: #ffebff;
--color-violaceous-100: #fedcf7;
--color-violaceous-200: #f0c4e7;
--color-violaceous-300: #d8a4ce;
--color-violaceous-400: #c288bb;
--color-violaceous-500: #ad6ba6;
--color-violaceous-600: #935b8c;
--color-violaceous-700: #764970;
--color-violaceous-800: #563554;
--color-violaceous-900: #3c243a;
--color-violaceous-950: #261325;
}SCSS
$violaceous: #c789bf;
$violaceous-rgb: 199, 137, 191;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}