En yakın adlandırılmış renk · #035513
#035513
En yakın adlandırılmış renk: Swamp Monster
#035513 (rgb(3 85 19), hsl(132 93% 17%), oklch(0.391 0.121 144.9)) en çok Swamp Monster adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#035513
oklch(0.391 0.121 144.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 27652C
- 407542
- 588659
- 6F976F
- 86A886
- 9EB99D
- B5CAB5
- CEDBCD
- E6EDE6
Koyu tonlar
- 02490F
- 023D0B
- 013107
- 012605
- 001C03
- 001101
- 000801
- 000200
- 000000
Gri tonlar
- 1A5A21
- 295E2D
- 366337
- 416742
- 4C6B4C
- 577057
- 617461
- 6B786B
- 767C76
Renk uyumları
Tamamlayıcı +180°
- 035513
Swamp Monster
- 642968
≈ Blackest Berry
Analog -30° +30°
- 035513
Swamp Monster
- 444A00
≈ No Emissions Green
- 005243
≈ Tetsu Green
Üçlü +120° +240°
- 035513
Swamp Monster
- 244086
≈ Blue Oblivion
- 792222
≈ Incubus
Bölünmüş tamamlayıcı +150° +210°
- 035513
Swamp Monster
- 4B347E
≈ Galactic Compass
- 742149
≈ Caviar Couture
Dörtlü +90° +180° +270°
- 035513
Swamp Monster
- 004B6B
≈ Navy Dark Blue
- 642968
≈ Blackest Berry
- 6C3400
≈ Nutmeg Wood Finish
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.08:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.31:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.08:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
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);
}