最も近い色名 · #BE98CB
#BE98CB
最も近い色名: Turnip Crown
#BE98CB（rgb(190 152 203)、hsl(285 33% 70%)、oklch(0.732 0.083 317.4)）に最も近い色名はTurnip Crownです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#BE98CB
oklch(0.732 0.083 317.4)
カラー変換
- HEX
- #be98cb
- RGB
- rgb(190 152 203)
- HSL
- hsl(285 33% 70%)
- HWB
- hwb(285 60% 20%)
- OKLCH
- oklch(0.732 0.083 317.4)
- OKLab
- oklab(0.732 0.061 -0.056)
- CIE Lab
- lab(67.71 21.43 -20.76)
- LCH
- lch(67.71 29.83 315.9)
- CMYK
- cmyk(6% 25% 0% 20%)
ティント · シェード · トーン
ティント
- C4A2D0
- CBACD6
- D1B6DB
- D8C1E0
- DECBE5
- E5D5EA
- EBE0F0
- F2EAF5
- F8F4FA
シェード
- A584B0
- 8C7096
- 755C7D
- 5E4A65
- 48384D
- 332737
- 1F1722
- 0D080F
- 020102
トーン
- B896C3
- B193BC
- AB91B4
- A58FAD
- 9F8CA5
- 998A9E
- 928796
- 8C858F
- 868387
カラーハーモニー
補色 +180°
- BE98CB
Turnip Crown
- 8FB581
≈ Aniseed Leaf Green
類似色 -30° +30°
- BE98CB
Turnip Crown
- A5A0DA
≈ Simply Violet
- D093B2
≈ Moonlit Mauve
トライアド +120° +240°
- BE98CB
Turnip Crown
- C6A26B
≈ Buckskin Pony
- 63B9BB
≈ Fresh Soft Blue
スプリットコンプリメンタリー +150° +210°
- BE98CB
Turnip Crown
- ADAC6E
≈ Wasabi Green
- 72B99E
≈ Arboretum
テトラード +90° +180° +270°
- BE98CB
Turnip Crown
- D4987B
≈ Italian Clay
- 8FB581
≈ Aniseed Leaf Green
- 6CB3D1
≈ Charter
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.45:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.54:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--turnip-crown: #be98cb;
--turnip-crown-rgb: 190 152 203;
--turnip-crown-oklch: oklch(0.732 0.083 317.4);
}
.element {
color: var(--turnip-crown);
background-color: hsl(285 33% 70%);
border-color: oklch(0.732 0.083 317.4);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #be98cb;
--color-turnip-crown-50: #ffeeff;
--color-turnip-crown-100: #f5e0fa;
--color-turnip-crown-200: #e4c9eb;
--color-turnip-crown-300: #cbaad3;
--color-turnip-crown-400: #b38fbf;
--color-turnip-crown-500: #9d74ab;
--color-turnip-crown-600: #856390;
--color-turnip-crown-700: #6a4f74;
--color-turnip-crown-800: #4d3956;
--color-turnip-crown-900: #36273c;
--color-turnip-crown-950: #211526;
}SCSS
$turnip-crown: #be98cb;
$turnip-crown-rgb: 190, 152, 203;
$turnip-crown-light: mix(#fff, $turnip-crown, 20%);
$turnip-crown-dark: mix(#000, $turnip-crown, 20%);
.element {
color: $turnip-crown;
box-shadow: 0 0 0 2px rgba($turnip-crown, 0.35);
}