Najbliższy nazwany kolor · #003100
#003100
Najbliższy nazwany kolor: PCB Green
#003100 (rgb(0 49 0), hsl(120 100% 10%), oklch(0.271 0.092 142.5)) jest najbliższy nazwanemu kolorowi PCB Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#003100
oklch(0.271 0.092 142.5)
Konwersje koloru
- HEX
- #003100
- RGB
- rgb(0 49 0)
- HSL
- hsl(120 100% 10%)
- HWB
- hwb(120 0% 81%)
- OKLCH
- oklch(0.271 0.092 142.5)
- OKLab
- oklab(0.271 -0.073 0.056)
- CIE Lab
- lab(16.51 -24.83 22.84)
- LCH
- lch(16.51 33.73 137.4)
- CMYK
- cmyk(100% 0% 100% 81%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1B4319
- 335630
- 4B6A48
- 637E60
- 7B9279
- 94A792
- AEBDAC
- C8D2C7
- E3E9E3
Odcienie ciemniejsze
- 002900
- 002200
- 001A00
- 001300
- 000C00
- 000600
- 000300
- 000100
- 000000
Tony
- 10390E
- 1E411C
- 2A4828
- 375034
- 435841
- 4F604D
- 5B6859
- 677066
- 737873
Harmonie kolorów
Komplementarna +180°
- 003100
PCB Green
- 3B1340
≈ Velvet Cosmos
Analogowa -30° +30°
- 003100
PCB Green
- 272900
≈ Lindworm Green
- 002F24
≈ Dark Jungle
Triada +120° +240°
- 003100
PCB Green
- 0C2353
≈ Dark Soul
- 4A0C10
≈ Minotaur Hide
Komplementarna rozszczepiona +150° +210°
- 003100
PCB Green
- 2A1A4F
≈ Silent Orbit
- 460C2B
≈ What We Do in the Shadows
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.59:1 · APCA Lc 101
Ag
FailNa czerni
WCAG 1.43:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.59:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--pcb-green: #003100;
--pcb-green-rgb: 0 49 0;
--pcb-green-oklch: oklch(0.271 0.092 142.5);
}
.element {
color: var(--pcb-green);
background-color: hsl(120 100% 10%);
border-color: oklch(0.271 0.092 142.5);
}Tailwind CSS v4
@theme {
--color-pcb-green: #003100;
--color-pcb-green-50: #e6fde5;
--color-pcb-green-100: #d6f1d5;
--color-pcb-green-200: #bddfbc;
--color-pcb-green-300: #9bc49a;
--color-pcb-green-400: #7ead7a;
--color-pcb-green-500: #61965c;
--color-pcb-green-600: #527f4f;
--color-pcb-green-700: #42653f;
--color-pcb-green-800: #304a2b;
--color-pcb-green-900: #21341d;
--color-pcb-green-950: #101f0d;
}SCSS
$pcb-green: #003100;
$pcb-green-rgb: 0, 49, 0;
$pcb-green-light: mix(#fff, $pcb-green, 20%);
$pcb-green-dark: mix(#000, $pcb-green, 20%);
.element {
color: $pcb-green;
box-shadow: 0 0 0 2px rgba($pcb-green, 0.35);
}