Màu có tên · #555A4C
Sherwood Forest
Sherwood Forest là #555A4C: rgb(85 90 76), hsl(81 8% 33%), oklch(0.459 0.023 123.3). 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? → · Sherwood Forest color name →
#555A4C
oklch(0.459 0.023 123.3)
Chuyển đổi màu
- HEX
- #555a4c
- RGB
- rgb(85 90 76)
- HSL
- hsl(81 8% 33%)
- HWB
- hwb(81 30% 65%)
- OKLCH
- oklch(0.459 0.023 123.3)
- OKLab
- oklab(0.459 -0.013 0.019)
- CIE Lab
- lab(37.46 -4.19 7.42)
- LCH
- lch(37.46 8.52 119.5)
- CMYK
- cmyk(6% 0% 16% 65%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 64695C
- 74786D
- 84887E
- 95988F
- A6A9A1
- B7B9B3
- C9CAC6
- DADCD8
- EDEDEC
Sắc đậm
- 494D41
- 3D4136
- 31352C
- 262922
- 1C1E18
- 11130F
- 080906
- 020302
- 000000
Sắc xám
- 595E51
- 5D6156
- 62655B
- 666960
- 6A6D66
- 6E716B
- 737470
- 777875
- 7C7C7B
Hòa sắc
Bổ túc +180°
- 555A4C
Sherwood Forest
- 5A5562
≈ Ripe Berry
Tương đồng -30° +30°
- 555A4C
Sherwood Forest
- 5C5849
≈ Deep Sea Turtle
- 4E5C52
≈ Feldgrau
Bộ ba +120° +240°
- 555A4C
Sherwood Forest
- 4D5964
≈ Fiord
- 635356
≈ High Rank
Bổ túc chia +150° +210°
- 555A4C
Sherwood Forest
- 535765
≈ Blackwater
- 60535D
≈ Pinot Noir
Bộ bốn +90° +180° +270°
- 555A4C
Sherwood Forest
- 495B5F
≈ Iron Forge
- 5A5562
≈ Ripe Berry
- 64534F
≈ Wenge
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.11:1 · APCA Lc 85
Ag
FailTrên nền đen
WCAG 2.95:1 · APCA Lc 17
Màu chữ tốt nhất: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--sherwood-forest: #555a4c;
--sherwood-forest-rgb: 85 90 76;
--sherwood-forest-oklch: oklch(0.459 0.023 123.3);
}
.element {
color: var(--sherwood-forest);
background-color: hsl(81 8% 33%);
border-color: oklch(0.459 0.023 123.3);
}Tailwind CSS v4
@theme {
--color-sherwood-forest: #555a4c;
--color-sherwood-forest-50: #f3f6ef;
--color-sherwood-forest-100: #e6e9e1;
--color-sherwood-forest-200: #d2d6cc;
--color-sherwood-forest-300: #b4baad;
--color-sherwood-forest-400: #9ca192;
--color-sherwood-forest-500: #838978;
--color-sherwood-forest-600: #6f7466;
--color-sherwood-forest-700: #595d51;
--color-sherwood-forest-800: #41443b;
--color-sherwood-forest-900: #2d2f28;
--color-sherwood-forest-950: #1a1b16;
}SCSS
$sherwood-forest: #555a4c;
$sherwood-forest-rgb: 85, 90, 76;
$sherwood-forest-light: mix(#fff, $sherwood-forest, 20%);
$sherwood-forest-dark: mix(#000, $sherwood-forest, 20%);
.element {
color: $sherwood-forest;
box-shadow: 0 0 0 2px rgba($sherwood-forest, 0.35);
}