Màu có tên gần nhất · #547267
#547267
Màu có tên gần nhất: Dark Forest
#547267 (rgb(84 114 103), hsl(158 15% 39%), oklch(0.525 0.039 170.2)) 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.
#547267
oklch(0.525 0.039 170.2)
Chuyển đổi màu
- HEX
- #547267
- RGB
- rgb(84 114 103)
- HSL
- hsl(158 15% 39%)
- HWB
- hwb(158 33% 55%)
- OKLCH
- oklch(0.525 0.039 170.2)
- OKLab
- oklab(0.525 -0.038 0.007)
- CIE Lab
- lab(45.44 -13.22 2.41)
- LCH
- lch(45.44 13.43 169.7)
- CMYK
- cmyk(26% 0% 10% 55%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 647F75
- 748D83
- 859A92
- 95A8A1
- A6B6B0
- B8C4BF
- C9D3CF
- DBE1DF
- EDF0EF
Sắc đậm
- 486259
- 3C534B
- 31443D
- 263630
- 1B2823
- 111B17
- 080E0C
- 020404
- 000100
Sắc xám
- 597369
- 5D756C
- 62766E
- 667871
- 6A7973
- 6F7A76
- 737C78
- 777D7B
- 7C7F7D
Hòa sắc
Bổ túc +180°
- 547267
Dark Forest
- 7D616D
≈ Ephemera
Tương đồng -30° +30°
- 547267
Dark Forest
- 5F705B
≈ Bracken Green
- 507273
≈ Rogue Waters
Bộ ba +120° +240°
- 547267
Dark Forest
- 6A6780
≈ Hyacinth Arbour
- 7D6456
≈ Cobble Brown
Bổ túc chia +150° +210°
- 547267
Dark Forest
- 756379
≈ Purple Suede
- 806261
≈ Aged Beech
Bộ bốn +90° +180° +270°
- 547267
Dark Forest
- 5E6B81
≈ Clooney
- 7D616D
≈ Ephemera
- 766851
≈ Crater
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.27:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 3.97:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--dark-forest: #547267;
--dark-forest-rgb: 84 114 103;
--dark-forest-oklch: oklch(0.525 0.039 170.2);
}
.element {
color: var(--dark-forest);
background-color: hsl(158 15% 39%);
border-color: oklch(0.525 0.039 170.2);
}Tailwind CSS v4
@theme {
--color-dark-forest: #547267;
--color-dark-forest-50: #ebf9f4;
--color-dark-forest-100: #dcece6;
--color-dark-forest-200: #c4dad2;
--color-dark-forest-300: #a4beb5;
--color-dark-forest-400: #88a69b;
--color-dark-forest-500: #6d8f82;
--color-dark-forest-600: #5c796e;
--color-dark-forest-700: #4a6158;
--color-dark-forest-800: #354740;
--color-dark-forest-900: #24312c;
--color-dark-forest-950: #131d19;
}SCSS
$dark-forest: #547267;
$dark-forest-rgb: 84, 114, 103;
$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);
}