Colore con nome · #3D4035
Sunday Niqab
Sunday Niqab è #3D4035: rgb(61 64 53), hsl(76 9% 23%), oklch(0.365 0.019 119.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sunday Niqab color name →
#3D4035
oklch(0.365 0.019 119.7)
Conversioni di colore
- HEX
- #3d4035
- RGB
- rgb(61 64 53)
- HSL
- hsl(76 9% 23%)
- HWB
- hwb(76 21% 75%)
- OKLCH
- oklch(0.365 0.019 119.7)
- OKLab
- oklab(0.365 -0.009 0.016)
- CIE Lab
- lab(26.53 -3.07 6.31)
- LCH
- lch(26.53 7.02 115.9)
- CMYK
- cmyk(5% 0% 17% 75%)
Tinte · Ombre · Toni
Tinte
- 4E5147
- 606259
- 72746C
- 85877F
- 989A94
- ACADA8
- C0C1BD
- D5D5D3
- EAEAE9
Ombre
- 34362D
- 2B2D25
- 22241D
- 1A1B15
- 12130E
- 0A0B08
- 040503
- 010101
- 000000
Toni
- 43463C
- 4A4C43
- 50524A
- 575952
- 5D5F59
- 646661
- 6B6C68
- 727370
- 797978
Armonie di colore
Complementare +180°
- 3D4035
Sunday Niqab
- 403C47
≈ Italian Grape
Analogo -30° +30°
- 3D4035
Sunday Niqab
- 423E33
≈ I R Dark Green
- 384139
≈ Dead Sea Mud
Triadico +120° +240°
- 3D4035
Sunday Niqab
- 364047
≈ Big Stone
- 473A3E
≈ Humpback Whale
Complementare divisa +150° +210°
- 3D4035
Sunday Niqab
- 3A3E49
≈ Inkblot
- 443B43
≈ Tuxedo
Tetradico +90° +180° +270°
- 3D4035
Sunday Niqab
- 334144
≈ Big Stone
- 403C47
≈ Italian Grape
- 483B39
≈ Humpback Whale
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.58:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.98:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--sunday-niqab: #3d4035;
--sunday-niqab-rgb: 61 64 53;
--sunday-niqab-oklch: oklch(0.365 0.019 119.7);
}
.element {
color: var(--sunday-niqab);
background-color: hsl(76 9% 23%);
border-color: oklch(0.365 0.019 119.7);
}Tailwind CSS v4
@theme {
--color-sunday-niqab: #3d4035;
--color-sunday-niqab-50: #f4f6f0;
--color-sunday-niqab-100: #e7e9e2;
--color-sunday-niqab-200: #d3d6cd;
--color-sunday-niqab-300: #b6b9af;
--color-sunday-niqab-400: #9da094;
--color-sunday-niqab-500: #84887a;
--color-sunday-niqab-600: #707368;
--color-sunday-niqab-700: #5a5c53;
--color-sunday-niqab-800: #42433c;
--color-sunday-niqab-900: #2d2e29;
--color-sunday-niqab-950: #1a1b17;
}SCSS
$sunday-niqab: #3d4035;
$sunday-niqab-rgb: 61, 64, 53;
$sunday-niqab-light: mix(#fff, $sunday-niqab, 20%);
$sunday-niqab-dark: mix(#000, $sunday-niqab, 20%);
.element {
color: $sunday-niqab;
box-shadow: 0 0 0 2px rgba($sunday-niqab, 0.35);
}