Màu có tên gần nhất · #DDBBBF
#DDBBBF
Màu có tên gần nhất: Shy Young Salmon
#DDBBBF (rgb(221 187 191), hsl(353 33% 80%), oklch(0.823 0.039 10)) gần nhất với màu có tên Shy Young Salmon. 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.
#DDBBBF
oklch(0.823 0.039 10)
Chuyển đổi màu
- HEX
- #ddbbbf
- RGB
- rgb(221 187 191)
- HSL
- hsl(353 33% 80%)
- HWB
- hwb(353 73% 13%)
- OKLCH
- oklch(0.823 0.039 10)
- OKLab
- oklab(0.823 0.039 0.007)
- CIE Lab
- lab(78.97 13.02 2.74)
- LCH
- lch(78.97 13.31 11.9)
- CMYK
- cmyk(0% 15% 14% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1C2C5
- E4C8CC
- E8CFD2
- EBD6D8
- EEDDDF
- F2E3E5
- F5EAEB
- F8F1F2
- FCF8F8
Sắc đậm
- C0A2A6
- A48A8D
- 887375
- 6E5C5E
- 554648
- 3D3233
- 261F1F
- 110D0D
- 020202
Sắc xám
- D3B5B9
- CAAFB2
- C0A9AC
- B7A3A5
- AE9D9F
- A49799
- 9B9192
- 928C8C
- 898686
Hòa sắc
Bổ túc +180°
- DDBBBF
Shy Young Salmon
- A9CECA
≈ Blue Angora
Tương đồng -30° +30°
- DDBBBF
Shy Young Salmon
- D7BCCD
≈ Noteworthy
- DDBDB2
≈ Peach Blush
Bộ ba +120° +240°
- DDBBBF
Shy Young Salmon
- BDCAB0
≈ Succulent Garden
- B2C8DE
≈ Ridge Light
Bổ túc chia +150° +210°
- DDBBBF
Shy Young Salmon
- B0CDBC
≈ Tyrol
- AACBD7
≈ Sea Wind
Bộ bốn +90° +180° +270°
- DDBBBF
Shy Young Salmon
- CAC6A9
≈ Cargo Green
- A9CECA
≈ Blue Angora
- BFC3DF
≈ Genevieve
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.75:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 11.93:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--shy-young-salmon: #ddbbbf;
--shy-young-salmon-rgb: 221 187 191;
--shy-young-salmon-oklch: oklch(0.823 0.039 10);
}
.element {
color: var(--shy-young-salmon);
background-color: hsl(353 33% 80%);
border-color: oklch(0.823 0.039 10);
}Tailwind CSS v4
@theme {
--color-shy-young-salmon: #ddbbbf;
--color-shy-young-salmon-50: #fff1f2;
--color-shy-young-salmon-100: #f5e3e4;
--color-shy-young-salmon-200: #e4ced0;
--color-shy-young-salmon-300: #cbb0b2;
--color-shy-young-salmon-400: #b49599;
--color-shy-young-salmon-500: #9e7c80;
--color-shy-young-salmon-600: #86696c;
--color-shy-young-salmon-700: #6b5457;
--color-shy-young-salmon-800: #4f3d40;
--color-shy-young-salmon-900: #372a2c;
--color-shy-young-salmon-950: #221719;
}SCSS
$shy-young-salmon: #ddbbbf;
$shy-young-salmon-rgb: 221, 187, 191;
$shy-young-salmon-light: mix(#fff, $shy-young-salmon, 20%);
$shy-young-salmon-dark: mix(#000, $shy-young-salmon, 20%);
.element {
color: $shy-young-salmon;
box-shadow: 0 0 0 2px rgba($shy-young-salmon, 0.35);
}