Couleur nommée la plus proche · #035513
#035513
Couleur nommée la plus proche: Swamp Monster
#035513 (rgb(3 85 19), hsl(132 93% 17%), oklch(0.391 0.121 144.9)) est la plus proche de la couleur nommée Swamp Monster. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#035513
oklch(0.391 0.121 144.9)
Conversions de couleur
- HEX
- #035513
- RGB
- rgb(3 85 19)
- HSL
- hsl(132 93% 17%)
- HWB
- hwb(132 1% 67%)
- OKLCH
- oklch(0.391 0.121 144.9)
- OKLab
- oklab(0.391 -0.099 0.07)
- CIE Lab
- lab(30.81 -34.18 29.96)
- LCH
- lch(30.81 45.45 138.8)
- CMYK
- cmyk(96% 0% 78% 67%)
Teintes · Ombres · Tons
Teintes
- 27652C
- 407542
- 588659
- 6F976F
- 86A886
- 9EB99D
- B5CAB5
- CEDBCD
- E6EDE6
Ombres
- 02490F
- 023D0B
- 013107
- 012605
- 001C03
- 001101
- 000801
- 000200
- 000000
Tons
- 1A5A21
- 295E2D
- 366337
- 416742
- 4C6B4C
- 577057
- 617461
- 6B786B
- 767C76
Harmonies de couleurs
Complémentaire +180°
- 035513
Swamp Monster
- 642968
≈ Blackest Berry
Analogue -30° +30°
- 035513
Swamp Monster
- 444A00
≈ No Emissions Green
- 005243
≈ Tetsu Green
Triadique +120° +240°
- 035513
Swamp Monster
- 244086
≈ Blue Oblivion
- 792222
≈ Incubus
Complémentaire divisée +150° +210°
- 035513
Swamp Monster
- 4B347E
≈ Galactic Compass
- 742149
≈ Caviar Couture
Tétradique +90° +180° +270°
- 035513
Swamp Monster
- 004B6B
≈ Navy Dark Blue
- 642968
≈ Blackest Berry
- 6C3400
≈ Nutmeg Wood Finish
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.08:1 · APCA Lc 90
Ag
FailSur noir
WCAG 2.31:1 · APCA Lc 12
Meilleure couleur de texte: #FFFFFF
WCAG 9.08:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--swamp-monster: #035513;
--swamp-monster-rgb: 3 85 19;
--swamp-monster-oklch: oklch(0.391 0.121 144.9);
}
.element {
color: var(--swamp-monster);
background-color: hsl(132 93% 17%);
border-color: oklch(0.391 0.121 144.9);
}Tailwind CSS v4
@theme {
--color-swamp-monster: #035513;
--color-swamp-monster-50: #dfffe1;
--color-swamp-monster-100: #cef4d1;
--color-swamp-monster-200: #b3e3b6;
--color-swamp-monster-300: #8dc993;
--color-swamp-monster-400: #6fb171;
--color-swamp-monster-500: #4c9b50;
--color-swamp-monster-600: #418345;
--color-swamp-monster-700: #346937;
--color-swamp-monster-800: #274d25;
--color-swamp-monster-900: #1a3518;
--color-swamp-monster-950: #0a2009;
}SCSS
$swamp-monster: #035513;
$swamp-monster-rgb: 3, 85, 19;
$swamp-monster-light: mix(#fff, $swamp-monster, 20%);
$swamp-monster-dark: mix(#000, $swamp-monster, 20%);
.element {
color: $swamp-monster;
box-shadow: 0 0 0 2px rgba($swamp-monster, 0.35);
}