Adlandırılmış renk · #555A4C
Sherwood Forest
Sherwood Forest, #555A4C: rgb(85 90 76), hsl(81 8% 33%), oklch(0.459 0.023 123.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sherwood Forest color name →
#555A4C
oklch(0.459 0.023 123.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 64695C
- 74786D
- 84887E
- 95988F
- A6A9A1
- B7B9B3
- C9CAC6
- DADCD8
- EDEDEC
Koyu tonlar
- 494D41
- 3D4136
- 31352C
- 262922
- 1C1E18
- 11130F
- 080906
- 020302
- 000000
Gri tonlar
- 595E51
- 5D6156
- 62655B
- 666960
- 6A6D66
- 6E716B
- 737470
- 777875
- 7C7C7B
Renk uyumları
Tamamlayıcı +180°
- 555A4C
Sherwood Forest
- 5A5562
≈ Ripe Berry
Analog -30° +30°
- 555A4C
Sherwood Forest
- 5C5849
≈ Deep Sea Turtle
- 4E5C52
≈ Feldgrau
Üçlü +120° +240°
- 555A4C
Sherwood Forest
- 4D5964
≈ Fiord
- 635356
≈ High Rank
Bölünmüş tamamlayıcı +150° +210°
- 555A4C
Sherwood Forest
- 535765
≈ Blackwater
- 60535D
≈ Pinot Noir
Dörtlü +90° +180° +270°
- 555A4C
Sherwood Forest
- 495B5F
≈ Iron Forge
- 5A5562
≈ Ripe Berry
- 64534F
≈ Wenge
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.11:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.95:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
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);
}