Màu có tên · #DACDCD
Shinkansen White
Shinkansen White là #DACDCD: rgb(218 205 205), hsl(0 15% 83%), oklch(0.859 0.014 17.4). 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 Gray mean? → · Shinkansen White color name →
#DACDCD
oklch(0.859 0.014 17.4)
Chuyển đổi màu
- HEX
- #dacdcd
- RGB
- rgb(218 205 205)
- HSL
- hsl(0 15% 83%)
- HWB
- hwb(0 80% 15%)
- OKLCH
- oklch(0.859 0.014 17.4)
- OKLab
- oklab(0.859 0.014 0.004)
- CIE Lab
- lab(83.48 4.67 1.71)
- LCH
- lch(83.48 4.97 20.1)
- CMYK
- cmyk(0% 6% 6% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DED2D2
- E1D7D7
- E5DCDC
- E9E1E1
- ECE6E6
- F0EBEB
- F4F0F0
- F8F5F5
- FBFAFA
Sắc đậm
- BDB2B2
- A29898
- 877E7E
- 6C6666
- 544E4E
- 3C3838
- 252323
- 110F0F
- 020202
Sắc xám
- D1C5C5
- C7BDBD
- BEB5B5
- B5ADAD
- ACA6A6
- A39E9E
- 9A9696
- 918F8F
- 898787
Hòa sắc
Bổ túc +180°
- DACDCD
Shinkansen White
- C6D4D4
≈ Whale’s Mouth
Tương đồng -30° +30°
- DACDCD
Shinkansen White
- D8CDD2
≈ Light Elusive Dream
- D9CEC9
≈ Instant
Bộ ba +120° +240°
- DACDCD
Shinkansen White
- CCD3CA
≈ Celadon Glaze
- CBD1DA
≈ Steam Bath
Bổ túc chia +150° +210°
- DACDCD
Shinkansen White
- C8D4CF
≈ Synchronicity
- C7D3D8
≈ Fairfax Grey
Bộ bốn +90° +180° +270°
- DACDCD
Shinkansen White
- D1D1C7
≈ Conservative Grey
- C6D4D4
≈ Whale’s Mouth
- D0CFDA
≈ Simplicity
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.54:1 · APCA Lc 25
Ag
AAATrên nền đen
WCAG 13.59:1 · APCA Lc 78
Màu chữ tốt nhất: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--shinkansen-white: #dacdcd;
--shinkansen-white-rgb: 218 205 205;
--shinkansen-white-oklch: oklch(0.859 0.014 17.4);
}
.element {
color: var(--shinkansen-white);
background-color: hsl(0 15% 83%);
border-color: oklch(0.859 0.014 17.4);
}Tailwind CSS v4
@theme {
--color-shinkansen-white: #dacdcd;
--color-shinkansen-white-50: #f9f3f3;
--color-shinkansen-white-100: #ede6e6;
--color-shinkansen-white-200: #dad2d2;
--color-shinkansen-white-300: #bfb5b4;
--color-shinkansen-white-400: #a79b9b;
--color-shinkansen-white-500: #908283;
--color-shinkansen-white-600: #796e6e;
--color-shinkansen-white-700: #615858;
--color-shinkansen-white-800: #474041;
--color-shinkansen-white-900: #312c2d;
--color-shinkansen-white-950: #1d191a;
}SCSS
$shinkansen-white: #dacdcd;
$shinkansen-white-rgb: 218, 205, 205;
$shinkansen-white-light: mix(#fff, $shinkansen-white, 20%);
$shinkansen-white-dark: mix(#000, $shinkansen-white, 20%);
.element {
color: $shinkansen-white;
box-shadow: 0 0 0 2px rgba($shinkansen-white, 0.35);
}