Màu có tên · #BFB3D1
Frosted Orchid
Frosted Orchid là #BFB3D1: rgb(191 179 209), hsl(264 25% 76%), oklch(0.786 0.044 303.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Purple mean? → · Frosted Orchid color name →
#BFB3D1
oklch(0.786 0.044 303.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C5BAD6
- CCC2DA
- D2C9DF
- D8D1E3
- DFD9E8
- E5E0ED
- EBE8F1
- F2EFF6
- F8F7FA
Sắc đậm
- A69BB5
- 8D849B
- 756E81
- 5E5868
- 484350
- 332F39
- 1F1D23
- 0D0C10
- 020102
Sắc xám
- B8AEC9
- B2A9C0
- ACA3B8
- A59EB0
- 9F99A8
- 9994A0
- 928F98
- 8C8A90
- 868588
Hòa sắc
Bổ túc +180°
- BFB3D1
Frosted Orchid
- B3BFA0
≈ Green Andara
Tương đồng -30° +30°
- BFB3D1
Frosted Orchid
- B0B8D6
≈ Frosted Iris
- CCAFC5
≈ Winsome Orchid
Bộ ba +120° +240°
- BFB3D1
Frosted Orchid
- CEB49D
≈ Bauhaus Buff
- 9BC3BC
≈ Pitter Patter
Bổ túc chia +150° +210°
- BFB3D1
Frosted Orchid
- C3B99A
≈ Good to Grow
- A5C2AD
≈ Cambridge Blue
Bộ bốn +90° +180° +270°
- BFB3D1
Frosted Orchid
- D4B0A7
≈ Sandpaper
- B3BFA0
≈ Green Andara
- 9AC1CA
≈ Aquatic
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.98:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.58:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
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);
}