Nazwany kolor · #3A6960
Seiheki Green
Seiheki Green to #3A6960: rgb(58 105 96), hsl(169 29% 32%), oklch(0.484 0.054 180.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Seiheki Green color name →
#3A6960
oklch(0.484 0.054 180.2)
Konwersje koloru
- HEX
- #3a6960
- RGB
- rgb(58 105 96)
- HSL
- hsl(169 29% 32%)
- HWB
- hwb(169 23% 59%)
- OKLCH
- oklch(0.484 0.054 180.2)
- OKLab
- oklab(0.484 -0.054 0)
- CIE Lab
- lab(40.86 -18.63 -0.22)
- LCH
- lch(40.86 18.63 180.7)
- CMYK
- cmyk(45% 0% 9% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4D776F
- 60857D
- 73948D
- 87A29C
- 9AB1AC
- AEC1BC
- C2D0CC
- D6DFDD
- EAEFEE
Odcienie ciemniejsze
- 315A52
- 284C45
- 203E38
- 18312C
- 102420
- 091815
- 040C0A
- 010403
- 000000
Tony
- 426B63
- 496E66
- 517069
- 58726D
- 5F7570
- 667773
- 6C7976
- 737C79
- 797E7D
Harmonie kolorów
Komplementarna +180°
- 3A6960
Seiheki Green
- 79525D
≈ Stravinsky Pink
Analogowa -30° +30°
- 3A6960
Seiheki Green
- 49684F
≈ Green Perennial
- 376770
≈ Smock Blue
Triada +120° +240°
- 3A6960
Seiheki Green
- 635879
≈ Regal Gown
- 76583F
≈ Chocolate Caliente
Komplementarna rozszczepiona +150° +210°
- 3A6960
Seiheki Green
- 71546D
≈ Cembra Blossom
- 7A534D
≈ Vandyck Brown
Tetrada +90° +180° +270°
- 3A6960
Seiheki Green
- 535E7E
≈ Coastal Fjord
- 79525D
≈ Stravinsky Pink
- 6B5E3B
≈ Classic Olive
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.23:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.36:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--seiheki-green: #3a6960;
--seiheki-green-rgb: 58 105 96;
--seiheki-green-oklch: oklch(0.484 0.054 180.2);
}
.element {
color: var(--seiheki-green);
background-color: hsl(169 29% 32%);
border-color: oklch(0.484 0.054 180.2);
}Tailwind CSS v4
@theme {
--color-seiheki-green: #3a6960;
--color-seiheki-green-50: #e5fbf6;
--color-seiheki-green-100: #d5eee9;
--color-seiheki-green-200: #bcdcd6;
--color-seiheki-green-300: #9ac1b9;
--color-seiheki-green-400: #7ba9a0;
--color-seiheki-green-500: #5d9288;
--color-seiheki-green-600: #4f7c73;
--color-seiheki-green-700: #3f635c;
--color-seiheki-green-800: #2d4942;
--color-seiheki-green-900: #1f322e;
--color-seiheki-green-950: #0e1e1b;
}SCSS
$seiheki-green: #3a6960;
$seiheki-green-rgb: 58, 105, 96;
$seiheki-green-light: mix(#fff, $seiheki-green, 20%);
$seiheki-green-dark: mix(#000, $seiheki-green, 20%);
.element {
color: $seiheki-green;
box-shadow: 0 0 0 2px rgba($seiheki-green, 0.35);
}