Colore con nome · #4D5D53
Feldgrau
Feldgrau è #4D5D53: rgb(77 93 83), hsl(143 9% 33%), oklch(0.462 0.025 157.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Feldgrau color name →
#4D5D53
oklch(0.462 0.025 157.8)
Conversioni di colore
- HEX
- #4d5d53
- RGB
- rgb(77 93 83)
- HSL
- hsl(143 9% 33%)
- HWB
- hwb(143 30% 64%)
- OKLCH
- oklch(0.462 0.025 157.8)
- OKLab
- oklab(0.462 -0.024 0.01)
- CIE Lab
- lab(37.88 -8.09 3.61)
- LCH
- lch(37.88 8.86 156)
- CMYK
- cmyk(17% 0% 11% 64%)
Tinte · Ombre · Toni
Tinte
- 5D6C63
- 6E7B73
- 7F8B83
- 909A94
- A2AAA5
- B4BBB6
- C6CCC8
- D9DCDA
- ECEEEC
Ombre
- 425047
- 37433B
- 2C3730
- 222A25
- 181F1B
- 0F1411
- 070A08
- 020302
- 000000
Toni
- 526057
- 57645C
- 5C6760
- 616B65
- 666E69
- 6B726E
- 707572
- 767977
- 7B7C7B
Armonie di colore
Complementare +180°
- 4D5D53
Feldgrau
- 62535D
≈ Pinot Noir
Analogo -30° +30°
- 4D5D53
Feldgrau
- 545B4C
≈ Sherwood Forest
- 495D5B
≈ Silken Pine
Triadico +120° +240°
- 4D5D53
Feldgrau
- 555767
≈ Blackwater
- 66544E
≈ Library Leather
Complementare divisa +150° +210°
- 4D5D53
Feldgrau
- 5C5564
≈ Ripe Berry
- 665356
≈ Ripe Fig
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.98:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.00:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.98:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--feldgrau: #4d5d53;
--feldgrau-rgb: 77 93 83;
--feldgrau-oklch: oklch(0.462 0.025 157.8);
}
.element {
color: var(--feldgrau);
background-color: hsl(143 9% 33%);
border-color: oklch(0.462 0.025 157.8);
}Tailwind CSS v4
@theme {
--color-feldgrau: #4d5d53;
--color-feldgrau-50: #eff7f3;
--color-feldgrau-100: #e1ebe5;
--color-feldgrau-200: #cbd8d0;
--color-feldgrau-300: #adbcb3;
--color-feldgrau-400: #93a399;
--color-feldgrau-500: #798c80;
--color-feldgrau-600: #66766c;
--color-feldgrau-700: #525e56;
--color-feldgrau-800: #3c453f;
--color-feldgrau-900: #29302b;
--color-feldgrau-950: #171c18;
}SCSS
$feldgrau: #4d5d53;
$feldgrau-rgb: 77, 93, 83;
$feldgrau-light: mix(#fff, $feldgrau, 20%);
$feldgrau-dark: mix(#000, $feldgrau, 20%);
.element {
color: $feldgrau;
box-shadow: 0 0 0 2px rgba($feldgrau, 0.35);
}