Najbliższy nazwany kolor · #1F5433
#1F5433
Najbliższy nazwany kolor: Moor-Monster
#1F5433 (rgb(31 84 51), hsl(143 46% 23%), oklch(0.401 0.079 153.4)) jest najbliższy nazwanemu kolorowi Moor-Monster. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1F5433
oklch(0.401 0.079 153.4)
Konwersje koloru
- HEX
- #1f5433
- RGB
- rgb(31 84 51)
- HSL
- hsl(143 46% 23%)
- HWB
- hwb(143 12% 67%)
- OKLCH
- oklch(0.401 0.079 153.4)
- OKLab
- oklab(0.401 -0.071 0.036)
- CIE Lab
- lab(31.49 -24.87 13.87)
- LCH
- lch(31.49 28.48 150.8)
- CMYK
- cmyk(63% 0% 39% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 366445
- 4C7458
- 61846B
- 76957F
- 8CA693
- A3B7A8
- B9C9BD
- D0DBD3
- E7EDE9
Odcienie ciemniejsze
- 19482B
- 143C23
- 0F311C
- 0A2614
- 061B0D
- 031107
- 010803
- 000201
- 000000
Tony
- 2B583A
- 355D42
- 3F614A
- 496651
- 526A59
- 5B6F61
- 657368
- 6E7770
- 777C78
Harmonie kolorów
Komplementarna +180°
- 1F5433
Moor-Monster
- 61365A
≈ Parma Plum Red
Analogowa -30° +30°
- 1F5433
Moor-Monster
- 3F4F19
≈ No Emissions Green
- 00544C
≈ Plankton Green
Triada +120° +240°
- 1F5433
Moor-Monster
- 3A4472
≈ Space Angel
- 6C362B
≈ Strong Mocha
Komplementarna rozszczepiona +150° +210°
- 1F5433
Moor-Monster
- 513C6B
≈ Succinct Violet
- 6A3443
≈ Cabernet Craving
Tetrada +90° +180° +270°
- 1F5433
Moor-Monster
- 1A4C6F
≈ Indigo Cloth
- 61365A
≈ Parma Plum Red
- 653D12
≈ Pullman Brown
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.84:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.37:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--moor-monster: #1f5433;
--moor-monster-rgb: 31 84 51;
--moor-monster-oklch: oklch(0.401 0.079 153.4);
}
.element {
color: var(--moor-monster);
background-color: hsl(143 46% 23%);
border-color: oklch(0.401 0.079 153.4);
}Tailwind CSS v4
@theme {
--color-moor-monster: #1f5433;
--color-moor-monster-50: #e4fcec;
--color-moor-monster-100: #d4f0dd;
--color-moor-monster-200: #badfc6;
--color-moor-monster-300: #97c4a6;
--color-moor-monster-400: #7aad89;
--color-moor-monster-500: #5a966d;
--color-moor-monster-600: #4d7f5d;
--color-moor-monster-700: #3d654a;
--color-moor-monster-800: #2d4a34;
--color-moor-monster-900: #1e3424;
--color-moor-monster-950: #0e1f13;
}SCSS
$moor-monster: #1f5433;
$moor-monster-rgb: 31, 84, 51;
$moor-monster-light: mix(#fff, $moor-monster, 20%);
$moor-monster-dark: mix(#000, $moor-monster, 20%);
.element {
color: $moor-monster;
box-shadow: 0 0 0 2px rgba($moor-monster, 0.35);
}