Nazwany kolor · #006B4D
Device Green
Device Green to #006B4D: rgb(0 107 77), hsl(163 100% 21%), oklch(0.468 0.098 165.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Device Green color name →
#006B4D
oklch(0.468 0.098 165.6)
Konwersje koloru
- HEX
- #006b4d
- RGB
- rgb(0 107 77)
- HSL
- hsl(163 100% 21%)
- HWB
- hwb(163 0% 58%)
- OKLCH
- oklch(0.468 0.098 165.6)
- OKLab
- oklab(0.468 -0.094 0.024)
- CIE Lab
- lab(39.56 -33.69 9.08)
- LCH
- lch(39.56 34.9 164.9)
- CMYK
- cmyk(100% 0% 28% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2D795D
- 47876E
- 5F967F
- 76A490
- 8DB3A2
- A3C2B4
- BAD1C6
- D1E0D9
- E8F0EC
Odcienie ciemniejsze
- 005C42
- 004E37
- 003F2C
- 003222
- 002518
- 00180F
- 000D07
- 000402
- 000000
Tony
- 1E6D52
- 2F7057
- 3C725C
- 477461
- 527666
- 5B786B
- 657A70
- 6E7C76
- 777E7B
Harmonie kolorów
Komplementarna +180°
- 006B4D
Device Green
- 804266
≈ Vivacious Violet
Analogowa -30° +30°
- 006B4D
Device Green
- 40662B
≈ Dell
- 006868
≈ Quetzal Green
Triada +120° +240°
- 006B4D
Device Green
- 56518E
≈ Purple Corallite
- 864627
≈ Honey Garlic Beef
Komplementarna rozszczepiona +150° +210°
- 006B4D
Device Green
- 6F487F
≈ Plum Jam
- 884148
≈ Cordovan
Tetrada +90° +180° +270°
- 006B4D
Device Green
- 325B90
≈ Lambent Lagoon
- 804266
≈ Vivacious Violet
- 795102
≈ Coffee Adept
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.54:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.21:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.54:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--device-green: #006b4d;
--device-green-rgb: 0 107 77;
--device-green-oklch: oklch(0.468 0.098 165.6);
}
.element {
color: var(--device-green);
background-color: hsl(163 100% 21%);
border-color: oklch(0.468 0.098 165.6);
}Tailwind CSS v4
@theme {
--color-device-green: #006b4d;
--color-device-green-50: #dcfff0;
--color-device-green-100: #caf3e1;
--color-device-green-200: #ace2cc;
--color-device-green-300: #85c8ae;
--color-device-green-400: #62b191;
--color-device-green-500: #379a77;
--color-device-green-600: #318365;
--color-device-green-700: #276950;
--color-device-green-800: #1c4d39;
--color-device-green-900: #123527;
--color-device-green-950: #042015;
}SCSS
$device-green: #006b4d;
$device-green-rgb: 0, 107, 77;
$device-green-light: mix(#fff, $device-green, 20%);
$device-green-dark: mix(#000, $device-green, 20%);
.element {
color: $device-green;
box-shadow: 0 0 0 2px rgba($device-green, 0.35);
}