Nazwany kolor · #3E5E4E
Ethereal Woods
Ethereal Woods to #3E5E4E: rgb(62 94 78), hsl(150 21% 31%), oklch(0.452 0.046 162.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Ethereal Woods color name →
#3E5E4E
oklch(0.452 0.046 162.1)
Konwersje koloru
- HEX
- #3e5e4e
- RGB
- rgb(62 94 78)
- HSL
- hsl(150 21% 31%)
- HWB
- hwb(150 24% 63%)
- OKLCH
- oklch(0.452 0.046 162.1)
- OKLab
- oklab(0.452 -0.044 0.014)
- CIE Lab
- lab(37.04 -15.16 5.29)
- LCH
- lch(37.04 16.06 160.7)
- CMYK
- cmyk(34% 0% 17% 63%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 506D5E
- 627C6E
- 748B7F
- 879B90
- 9AABA2
- AEBBB4
- C2CCC6
- D6DDD9
- EAEEEC
Odcienie ciemniejsze
- 355143
- 2B4438
- 23372D
- 1A2B23
- 121F19
- 0A140F
- 040A07
- 010302
- 000000
Tony
- 456153
- 4C6558
- 52685D
- 596C62
- 5F6F67
- 66726C
- 6C7671
- 737976
- 797D7B
Harmonie kolorów
Komplementarna +180°
- 3E5E4E
Ethereal Woods
- 684C5D
≈ Vicarious Violet
Analogowa -30° +30°
- 3E5E4E
Ethereal Woods
- 4C5B41
≈ Knarloc Green
- 355E5C
≈ Royal Pine
Triada +120° +240°
- 3E5E4E
Ethereal Woods
- 51536F
≈ Sombre Grey
- 6C4E42
≈ Chocolate Sprinkle
Komplementarna rozszczepiona +150° +210°
- 3E5E4E
Ethereal Woods
- 5E4F69
≈ Blackcurrant Elixir
- 6D4B4F
≈ Marron
Tetrada +90° +180° +270°
- 3E5E4E
Ethereal Woods
- 43586F
≈ Hidden Sapphire
- 684C5D
≈ Vicarious Violet
- 665239
≈ Desert Palm
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.20:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.91:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.20:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--ethereal-woods: #3e5e4e;
--ethereal-woods-rgb: 62 94 78;
--ethereal-woods-oklch: oklch(0.452 0.046 162.1);
}
.element {
color: var(--ethereal-woods);
background-color: hsl(150 21% 31%);
border-color: oklch(0.452 0.046 162.1);
}Tailwind CSS v4
@theme {
--color-ethereal-woods: #3e5e4e;
--color-ethereal-woods-50: #eafaf2;
--color-ethereal-woods-100: #dbede4;
--color-ethereal-woods-200: #c3dbcf;
--color-ethereal-woods-300: #a3bfb1;
--color-ethereal-woods-400: #87a796;
--color-ethereal-woods-500: #6b907d;
--color-ethereal-woods-600: #5b7a6a;
--color-ethereal-woods-700: #486255;
--color-ethereal-woods-800: #35473d;
--color-ethereal-woods-900: #24312a;
--color-ethereal-woods-950: #131d17;
}SCSS
$ethereal-woods: #3e5e4e;
$ethereal-woods-rgb: 62, 94, 78;
$ethereal-woods-light: mix(#fff, $ethereal-woods, 20%);
$ethereal-woods-dark: mix(#000, $ethereal-woods, 20%);
.element {
color: $ethereal-woods;
box-shadow: 0 0 0 2px rgba($ethereal-woods, 0.35);
}