色名 · #BFB3D1
Frosted Orchid
Frosted Orchidは#BFB3D1：rgb(191 179 209)、hsl(264 25% 76%)、oklch(0.786 0.044 303.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Frosted Orchid color name →
#BFB3D1
oklch(0.786 0.044 303.5)
カラー変換
- HEX
- #bfb3d1
- RGB
- rgb(191 179 209)
- HSL
- hsl(264 25% 76%)
- HWB
- hwb(264 70% 18%)
- OKLCH
- oklch(0.786 0.044 303.5)
- OKLab
- oklab(0.786 0.024 -0.037)
- CIE Lab
- lab(74.68 8.68 -13.61)
- LCH
- lch(74.68 16.14 302.5)
- CMYK
- cmyk(9% 14% 0% 18%)
ティント · シェード · トーン
ティント
- C5BAD6
- CCC2DA
- D2C9DF
- D8D1E3
- DFD9E8
- E5E0ED
- EBE8F1
- F2EFF6
- F8F7FA
シェード
- A69BB5
- 8D849B
- 756E81
- 5E5868
- 484350
- 332F39
- 1F1D23
- 0D0C10
- 020102
トーン
- B8AEC9
- B2A9C0
- ACA3B8
- A59EB0
- 9F99A8
- 9994A0
- 928F98
- 8C8A90
- 868588
カラーハーモニー
補色 +180°
- BFB3D1
Frosted Orchid
- B3BFA0
≈ Green Andara
類似色 -30° +30°
- BFB3D1
Frosted Orchid
- B0B8D6
≈ Frosted Iris
- CCAFC5
≈ Winsome Orchid
トライアド +120° +240°
- BFB3D1
Frosted Orchid
- CEB49D
≈ Bauhaus Buff
- 9BC3BC
≈ Pitter Patter
スプリットコンプリメンタリー +150° +210°
- BFB3D1
Frosted Orchid
- C3B99A
≈ Good to Grow
- A5C2AD
≈ Cambridge Blue
テトラード +90° +180° +270°
- BFB3D1
Frosted Orchid
- D4B0A7
≈ Sandpaper
- B3BFA0
≈ Green Andara
- 9AC1CA
≈ Aquatic
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.58:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--frosted-orchid: #bfb3d1;
--frosted-orchid-rgb: 191 179 209;
--frosted-orchid-oklch: oklch(0.786 0.044 303.5);
}
.element {
color: var(--frosted-orchid);
background-color: hsl(264 25% 76%);
border-color: oklch(0.786 0.044 303.5);
}Tailwind CSS v4
@theme {
--color-frosted-orchid: #bfb3d1;
--color-frosted-orchid-50: #f8f2ff;
--color-frosted-orchid-100: #ebe4f4;
--color-frosted-orchid-200: #d9d0e4;
--color-frosted-orchid-300: #bdb2ca;
--color-frosted-orchid-400: #a499b4;
--color-frosted-orchid-500: #8c7f9e;
--color-frosted-orchid-600: #766c86;
--color-frosted-orchid-700: #5f566b;
--color-frosted-orchid-800: #453f4f;
--color-frosted-orchid-900: #302b37;
--color-frosted-orchid-950: #1c1922;
}SCSS
$frosted-orchid: #bfb3d1;
$frosted-orchid-rgb: 191, 179, 209;
$frosted-orchid-light: mix(#fff, $frosted-orchid, 20%);
$frosted-orchid-dark: mix(#000, $frosted-orchid, 20%);
.element {
color: $frosted-orchid;
box-shadow: 0 0 0 2px rgba($frosted-orchid, 0.35);
}