Benannte Farbe · #62603E
Verdigris Foncé
Verdigris Foncé ist #62603E: rgb(98 96 62), hsl(57 23% 31%), oklch(0.482 0.051 105.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Verdigris Foncé color name →
#62603E
oklch(0.482 0.051 105.3)
Farbumrechnungen
- HEX
- #62603e
- RGB
- rgb(98 96 62)
- HSL
- hsl(57 23% 31%)
- HWB
- hwb(57 24% 62%)
- OKLCH
- oklch(0.482 0.051 105.3)
- OKLab
- oklab(0.482 -0.013 0.049)
- CIE Lab
- lab(40.24 -3.49 19.76)
- LCH
- lch(40.24 20.07 100)
- CMYK
- cmyk(0% 2% 37% 62%)
Tints · Shades · Tones
Tints
- 706F50
- 7F7E62
- 8E8D74
- 9D9C87
- ADAC9A
- BDBCAE
- CDCDC2
- DDDDD6
- EEEEEA
Shades
- 545235
- 47452B
- 3A3823
- 2D2C1A
- 212012
- 16150A
- 0B0A04
- 030301
- 000000
Tones
- 656345
- 68664B
- 6B6A52
- 6E6D59
- 71705F
- 747366
- 77766C
- 7A7A73
- 7D7D79
Farbharmonien
Komplementär +180°
- 62603E
Verdigris Foncé
- 5B5A7A
≈ When Worlds Collide
Analog -30° +30°
- 62603E
Verdigris Foncé
- 6F5A3D
≈ Bali Batik
- 526548
≈ Thraka Green Wash
Triadisch +120° +240°
- 62603E
Verdigris Foncé
- 3D6474
≈ Celeste Blue
- 735365
≈ Opium Mauve
Geteilt komplementär +150° +210°
- 62603E
Verdigris Foncé
- 4B607B
≈ Stream
- 695672
≈ Basil Mauve
Tetradisch +90° +180° +270°
- 62603E
Verdigris Foncé
- 396767
≈ China Green Blue
- 5B5A7A
≈ When Worlds Collide
- 785355
≈ Veil of Cinder
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.43:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.26:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--verdigris-fonce: #62603e;
--verdigris-fonce-rgb: 98 96 62;
--verdigris-fonce-oklch: oklch(0.482 0.051 105.3);
}
.element {
color: var(--verdigris-fonce);
background-color: hsl(57 23% 31%);
border-color: oklch(0.482 0.051 105.3);
}Tailwind CSS v4
@theme {
--color-verdigris-fonce: #62603e;
--color-verdigris-fonce-50: #f6f6e6;
--color-verdigris-fonce-100: #e9e9d6;
--color-verdigris-fonce-200: #d6d6be;
--color-verdigris-fonce-300: #baba9c;
--color-verdigris-fonce-400: #a2a17e;
--color-verdigris-fonce-500: #8b8861;
--color-verdigris-fonce-600: #757453;
--color-verdigris-fonce-700: #5e5c42;
--color-verdigris-fonce-800: #45432f;
--color-verdigris-fonce-900: #302f20;
--color-verdigris-fonce-950: #1c1b0f;
}SCSS
$verdigris-fonce: #62603e;
$verdigris-fonce-rgb: 98, 96, 62;
$verdigris-fonce-light: mix(#fff, $verdigris-fonce, 20%);
$verdigris-fonce-dark: mix(#000, $verdigris-fonce, 20%);
.element {
color: $verdigris-fonce;
box-shadow: 0 0 0 2px rgba($verdigris-fonce, 0.35);
}