Nazwany kolor · #1A3F2C
Mizukaze Green
Mizukaze Green to #1A3F2C: rgb(26 63 44), hsl(149 42% 17%), oklch(0.334 0.055 159). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Mizukaze Green color name →
#1A3F2C
oklch(0.334 0.055 159)
Konwersje koloru
- HEX
- #1a3f2c
- RGB
- rgb(26 63 44)
- HSL
- hsl(149 42% 17%)
- HWB
- hwb(149 10% 75%)
- OKLCH
- oklch(0.334 0.055 159)
- OKLab
- oklab(0.334 -0.051 0.02)
- CIE Lab
- lab(23.49 -17.92 7.49)
- LCH
- lch(23.49 19.42 157.3)
- CMYK
- cmyk(59% 0% 30% 75%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 30503E
- 456251
- 5A7465
- 708779
- 879A8E
- 9EADA4
- B5C1BA
- CDD5D0
- E6EAE8
Odcienie ciemniejsze
- 153525
- 102C1E
- 0C2317
- 071B11
- 04120A
- 020A05
- 010402
- 000101
- 000000
Tony
- 254534
- 2F4C3C
- 395244
- 43584C
- 4D5F54
- 57655D
- 616C66
- 6B736E
- 767977
Harmonie kolorów
Komplementarna +180°
- 1A3F2C
Mizukaze Green
- 492B40
≈ Purple Pennant
Analogowa -30° +30°
- 1A3F2C
Mizukaze Green
- 2E3C1C
≈ Turtle Skin
- 063F3C
≈ Rich Black
Triada +120° +240°
- 1A3F2C
Mizukaze Green
- 303352
≈ Haunted Dreams
- 4E2C21
≈ Couch
Komplementarna rozszczepiona +150° +210°
- 1A3F2C
Mizukaze Green
- 3F2E4C
≈ Jagger
- 4E2A30
≈ Heath
Tetrada +90° +180° +270°
- 1A3F2C
Mizukaze Green
- 1F3851
≈ Gibraltar Sea
- 492B40
≈ Purple Pennant
- 493114
≈ Bavarian Sweet Mustard
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.72:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.79:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.72:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--mizukaze-green: #1a3f2c;
--mizukaze-green-rgb: 26 63 44;
--mizukaze-green-oklch: oklch(0.334 0.055 159);
}
.element {
color: var(--mizukaze-green);
background-color: hsl(149 42% 17%);
border-color: oklch(0.334 0.055 159);
}Tailwind CSS v4
@theme {
--color-mizukaze-green: #1a3f2c;
--color-mizukaze-green-50: #e8faf0;
--color-mizukaze-green-100: #d9eee2;
--color-mizukaze-green-200: #c1dccd;
--color-mizukaze-green-300: #a0c1ae;
--color-mizukaze-green-400: #83a993;
--color-mizukaze-green-500: #679279;
--color-mizukaze-green-600: #577b67;
--color-mizukaze-green-700: #466352;
--color-mizukaze-green-800: #33483b;
--color-mizukaze-green-900: #223228;
--color-mizukaze-green-950: #111e16;
}SCSS
$mizukaze-green: #1a3f2c;
$mizukaze-green-rgb: 26, 63, 44;
$mizukaze-green-light: mix(#fff, $mizukaze-green, 20%);
$mizukaze-green-dark: mix(#000, $mizukaze-green, 20%);
.element {
color: $mizukaze-green;
box-shadow: 0 0 0 2px rgba($mizukaze-green, 0.35);
}