Nazwany kolor · #03C03C
Whole Nine Yards
Whole Nine Yards to #03C03C: rgb(3 192 60), hsl(138 97% 38%), oklch(0.703 0.216 145.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Whole Nine Yards color name →
#03C03C
oklch(0.703 0.216 145.7)
Konwersje koloru
- HEX
- #03c03c
- RGB
- rgb(3 192 60)
- HSL
- hsl(138 97% 38%)
- HWB
- hwb(138 1% 25%)
- OKLCH
- oklch(0.703 0.216 145.7)
- OKLab
- oklab(0.703 -0.178 0.122)
- CIE Lab
- lab(68.08 -61.66 51.78)
- LCH
- lch(68.08 80.52 140)
- CMYK
- cmyk(98% 0% 69% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 40C754
- 5ECE6A
- 76D57D
- 8CDB91
- A0E2A3
- B4E8B6
- C7EEC8
- DAF4DA
- EDF9ED
Odcienie ciemniejsze
- 02A733
- 028E2A
- 017621
- 015F19
- 004911
- 00340A
- 002004
- 000E01
- 000200
Tony
- 2EBA47
- 41B451
- 4FAE59
- 59A760
- 62A166
- 6A9B6C
- 709472
- 768E77
- 7B877C
Harmonie kolorów
Komplementarna +180°
- 03C03C
Whole Nine Yards
- E065E6
≈ Clematis Magenta
Analogowa -30° +30°
- 03C03C
Whole Nine Yards
- 9CAA00
≈ Elysia Chlorotica
- 00B99C
≈ Aare River
Triada +120° +240°
- 03C03C
Whole Nine Yards
- 719AFF
≈ Blue Chaos
- FF665F
≈ Pastel Red
Komplementarna rozszczepiona +150° +210°
- 03C03C
Whole Nine Yards
- AA84FF
≈ Lilac Geode
- FF57A4
≈ Magenta Crayon
Tetrada +90° +180° +270°
- 03C03C
Whole Nine Yards
- 00ACEF
≈ Vivid Cerulean
- E065E6
≈ Clematis Magenta
- EE7D00
≈ Bright Marigold
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.43:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.60:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.60:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--whole-nine-yards: #03c03c;
--whole-nine-yards-rgb: 3 192 60;
--whole-nine-yards-oklch: oklch(0.703 0.216 145.7);
}
.element {
color: var(--whole-nine-yards);
background-color: hsl(138 97% 38%);
border-color: oklch(0.703 0.216 145.7);
}Tailwind CSS v4
@theme {
--color-whole-nine-yards: #03c03c;
--color-whole-nine-yards-50: #ccffd2;
--color-whole-nine-yards-100: #b7fcbf;
--color-whole-nine-yards-200: #91ee9e;
--color-whole-nine-yards-300: #5dd474;
--color-whole-nine-yards-400: #22be43;
--color-whole-nine-yards-500: #00a700;
--color-whole-nine-yards-600: #008e00;
--color-whole-nine-yards-700: #007200;
--color-whole-nine-yards-800: #005300;
--color-whole-nine-yards-900: #003a00;
--color-whole-nine-yards-950: #002400;
}SCSS
$whole-nine-yards: #03c03c;
$whole-nine-yards-rgb: 3, 192, 60;
$whole-nine-yards-light: mix(#fff, $whole-nine-yards, 20%);
$whole-nine-yards-dark: mix(#000, $whole-nine-yards, 20%);
.element {
color: $whole-nine-yards;
box-shadow: 0 0 0 2px rgba($whole-nine-yards, 0.35);
}