Màu có tên gần nhất · #53675D
#53675D
Màu có tên gần nhất: Dark Forest
#53675D (rgb(83 103 93), hsl(150 11% 36%), oklch(0.494 0.029 163.5)) gần nhất với màu có tên Dark Forest. 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.
#53675D
oklch(0.494 0.029 163.5)
Chuyển đổi màu
- HEX
- #53675d
- RGB
- rgb(83 103 93)
- HSL
- hsl(150 11% 36%)
- HWB
- hwb(150 33% 60%)
- OKLCH
- oklch(0.494 0.029 163.5)
- OKLab
- oklab(0.494 -0.028 0.008)
- CIE Lab
- lab(41.71 -9.51 3.05)
- LCH
- lch(41.71 9.98 162.2)
- CMYK
- cmyk(19% 0% 10% 60%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 63756C
- 73837B
- 83928A
- 94A19A
- A5B0AA
- B7BFBB
- C8CFCB
- DADFDC
- EDEFEE
Sắc đậm
- 475950
- 3B4B43
- 303D37
- 25302A
- 1B231F
- 111714
- 080C0A
- 020403
- 000000
Sắc xám
- 576960
- 5C6C64
- 606E67
- 65716B
- 69736E
- 6E7672
- 727875
- 777B79
- 7B7D7C
Hòa sắc
Bổ túc +180°
- 53675D
Dark Forest
- 6E5B66
≈ Patina Violet
Tương đồng -30° +30°
- 53675D
Dark Forest
- 5B6555
≈ Pine Cone Pass
- 4F6766
≈ Angry Ocean
Bộ ba +120° +240°
- 53675D
Dark Forest
- 5F6072
≈ Damp Basement
- 705D55
≈ Missing Link
Bổ túc chia +150° +210°
- 53675D
Dark Forest
- 685D6D
≈ Sedona Shadow
- 715B5D
≈ Poetry Plum
Bộ bốn +90° +180° +270°
- 53675D
Dark Forest
- 566372
≈ Midnight Shadow
- 6E5B66
≈ Patina Violet
- 6C5F50
≈ Chocolate Chip
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.05:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.46:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--dark-forest: #53675d;
--dark-forest-rgb: 83 103 93;
--dark-forest-oklch: oklch(0.494 0.029 163.5);
}
.element {
color: var(--dark-forest);
background-color: hsl(150 11% 36%);
border-color: oklch(0.494 0.029 163.5);
}Tailwind CSS v4
@theme {
--color-dark-forest: #53675d;
--color-dark-forest-50: #eef8f3;
--color-dark-forest-100: #dfebe5;
--color-dark-forest-200: #c9d8d1;
--color-dark-forest-300: #aabcb4;
--color-dark-forest-400: #90a49a;
--color-dark-forest-500: #758d81;
--color-dark-forest-600: #63776d;
--color-dark-forest-700: #4f5f57;
--color-dark-forest-800: #3a463f;
--color-dark-forest-900: #28302b;
--color-dark-forest-950: #161c19;
}SCSS
$dark-forest: #53675d;
$dark-forest-rgb: 83, 103, 93;
$dark-forest-light: mix(#fff, $dark-forest, 20%);
$dark-forest-dark: mix(#000, $dark-forest, 20%);
.element {
color: $dark-forest;
box-shadow: 0 0 0 2px rgba($dark-forest, 0.35);
}