色名 · #BDA7BE
Fair Orchid
Fair Orchidは#BDA7BE：rgb(189 167 190)、hsl(297 15% 70%)、oklch(0.755 0.041 324.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Fair Orchid color name →
#BDA7BE
oklch(0.755 0.041 324.6)
カラー変換
- HEX
- #bda7be
- RGB
- rgb(189 167 190)
- HSL
- hsl(297 15% 70%)
- HWB
- hwb(297 65% 25%)
- OKLCH
- oklch(0.755 0.041 324.6)
- OKLab
- oklab(0.755 0.033 -0.024)
- CIE Lab
- lab(70.97 11.34 -8.76)
- LCH
- lch(70.97 14.33 322.3)
- CMYK
- cmyk(1% 12% 0% 25%)
ティント · シェード · トーン
ティント
- C3B0C4
- CAB8CB
- D1C1D1
- D7C9D8
- DED2DE
- E4DBE5
- EBE4EB
- F2EDF2
- F8F6F8
シェード
- A491A5
- 8C7B8C
- 746675
- 5D525E
- 473E48
- 332C33
- 1F1A1F
- 0D0A0D
- 020102
トーン
- B7A3B8
- B19FB1
- AA9BAB
- A497A5
- 9E939F
- 988F98
- 928C92
- 8C888C
- 868486
カラーハーモニー
補色 +180°
- BDA7BE
Fair Orchid
- A0B7A0
≈ Silver Leaf
類似色 -30° +30°
- BDA7BE
Fair Orchid
- B1ABC7
≈ Lavender Dream
- C5A5B1
≈ Shady Pink
トライアド +120° +240°
- BDA7BE
Fair Orchid
- BBAE93
≈ Nile Sand
- 92B7BB
≈ Watchet
スプリットコンプリメンタリー +150° +210°
- BDA7BE
Fair Orchid
- AEB396
≈ Cottage Hill
- 95B8AE
≈ Treetop
テトラード +90° +180° +270°
- BDA7BE
Fair Orchid
- C5A997
≈ Adobe Straw
- A0B7A0
≈ Silver Leaf
- 97B4C6
≈ Respite
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.43:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--fair-orchid: #bda7be;
--fair-orchid-rgb: 189 167 190;
--fair-orchid-oklch: oklch(0.755 0.041 324.6);
}
.element {
color: var(--fair-orchid);
background-color: hsl(297 15% 70%);
border-color: oklch(0.755 0.041 324.6);
}Tailwind CSS v4
@theme {
--color-fair-orchid: #bda7be;
--color-fair-orchid-50: #fcf1fb;
--color-fair-orchid-100: #f0e3ef;
--color-fair-orchid-200: #decfde;
--color-fair-orchid-300: #c3b1c3;
--color-fair-orchid-400: #ab97ac;
--color-fair-orchid-500: #947d95;
--color-fair-orchid-600: #7d6a7e;
--color-fair-orchid-700: #645565;
--color-fair-orchid-800: #493e4b;
--color-fair-orchid-900: #332b34;
--color-fair-orchid-950: #1f181f;
}SCSS
$fair-orchid: #bda7be;
$fair-orchid-rgb: 189, 167, 190;
$fair-orchid-light: mix(#fff, $fair-orchid, 20%);
$fair-orchid-dark: mix(#000, $fair-orchid, 20%);
.element {
color: $fair-orchid;
box-shadow: 0 0 0 2px rgba($fair-orchid, 0.35);
}