Màu có tên · #DCBDC8
Fragrant Orchid
Fragrant Orchid là #DCBDC8: rgb(220 189 200), hsl(339 31% 80%), oklch(0.828 0.038 354.6). 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 Pink mean? → · Fragrant Orchid color name →
#DCBDC8
oklch(0.828 0.038 354.6)
Chuyển đổi màu
- HEX
- #dcbdc8
- RGB
- rgb(220 189 200)
- HSL
- hsl(339 31% 80%)
- HWB
- hwb(339 74% 14%)
- OKLCH
- oklch(0.828 0.038 354.6)
- OKLab
- oklab(0.828 0.038 -0.004)
- CIE Lab
- lab(79.56 12.75 -1.24)
- LCH
- lch(79.56 12.81 354.4)
- CMYK
- cmyk(0% 14% 9% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0C3CD
- E3CAD3
- E7D1D8
- EAD7DE
- EEDEE3
- F1E4E9
- F5EBEE
- F8F2F4
- FCF8F9
Sắc đậm
- BFA4AE
- A38C94
- 88747B
- 6E5D63
- 54474C
- 3C3336
- 261F21
- 110D0F
- 020202
Sắc xám
- D2B7C1
- C9B1B9
- C0AAB2
- B6A4AB
- AD9EA3
- A4989C
- 9B9295
- 928C8E
- 898687
Hòa sắc
Bổ túc +180°
- DCBDC8
Fragrant Orchid
- AECFC5
≈ Watershed
Tương đồng -30° +30°
- DCBDC8
Fragrant Orchid
- D4BFD5
≈ Cosmetic Mauve
- DFBEBA
≈ Strawflower
Bộ ba +120° +240°
- DCBDC8
Fragrant Orchid
- C6CAAE
≈ Spring Hill
- B0CBDC
≈ Big Sur
Bổ túc chia +150° +210°
- DCBDC8
Fragrant Orchid
- B8CEB8
≈ Sunlit Sea
- ABCED2
≈ Plume
Bộ bốn +90° +180° +270°
- DCBDC8
Fragrant Orchid
- D2C5AB
≈ In for the Night
- AECFC5
≈ Watershed
- BAC7E0
≈ Penna
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.72:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.15:1 · APCA Lc 72
Màu chữ tốt nhất: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--fragrant-orchid: #dcbdc8;
--fragrant-orchid-rgb: 220 189 200;
--fragrant-orchid-oklch: oklch(0.828 0.038 354.6);
}
.element {
color: var(--fragrant-orchid);
background-color: hsl(339 31% 80%);
border-color: oklch(0.828 0.038 354.6);
}Tailwind CSS v4
@theme {
--color-fragrant-orchid: #dcbdc8;
--color-fragrant-orchid-50: #fff1f5;
--color-fragrant-orchid-100: #f3e3e8;
--color-fragrant-orchid-200: #e3ced4;
--color-fragrant-orchid-300: #c9b0b8;
--color-fragrant-orchid-400: #b296a0;
--color-fragrant-orchid-500: #9b7c88;
--color-fragrant-orchid-600: #836973;
--color-fragrant-orchid-700: #69545c;
--color-fragrant-orchid-800: #4d3d44;
--color-fragrant-orchid-900: #362a2f;
--color-fragrant-orchid-950: #21181b;
}SCSS
$fragrant-orchid: #dcbdc8;
$fragrant-orchid-rgb: 220, 189, 200;
$fragrant-orchid-light: mix(#fff, $fragrant-orchid, 20%);
$fragrant-orchid-dark: mix(#000, $fragrant-orchid, 20%);
.element {
color: $fragrant-orchid;
box-shadow: 0 0 0 2px rgba($fragrant-orchid, 0.35);
}