Nazwany kolor · #92987D
Cavern Moss
Cavern Moss to #92987D: rgb(146 152 125), hsl(73 12% 54%), oklch(0.667 0.039 117.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cavern Moss color name →
#92987D
oklch(0.667 0.039 117.6)
Konwersje koloru
- HEX
- #92987d
- RGB
- rgb(146 152 125)
- HSL
- hsl(73 12% 54%)
- HWB
- hwb(73 49% 40%)
- OKLCH
- oklch(0.667 0.039 117.6)
- OKLab
- oklab(0.667 -0.018 0.035)
- CIE Lab
- lab(61.78 -5.91 13.5)
- LCH
- lch(61.78 14.74 113.6)
- CMYK
- cmyk(4% 0% 18% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9CA289
- A7AC96
- B1B6A3
- BCC0AF
- C7CABC
- D2D5C9
- DDDFD7
- E8EAE4
- F4F4F1
Odcienie ciemniejsze
- 7E846C
- 6B705B
- 585C4B
- 464A3B
- 35382C
- 25271E
- 161711
- 080805
- 010101
Tony
- 90967D
- 8E937E
- 8D917E
- 8B8E7E
- 898C7F
- 878A7F
- 85877F
- 848580
- 828280
Harmonie kolorów
Komplementarna +180°
- 92987D
Cavern Moss
- 9790AA
≈ Cosmic Energy
Analogowa -30° +30°
- 92987D
Cavern Moss
- 9F9379
≈ Desert Shadows
- 859B87
≈ Seiji Green
Triada +120° +240°
- 92987D
Cavern Moss
- 7E98AA
≈ Weldon Blue
- A98B94
≈ Reserve
Komplementarna rozszczepiona +150° +210°
- 92987D
Cavern Moss
- 8A94AD
≈ Cool Grey
- A28CA1
≈ Vesuvian Violet
Tetrada +90° +180° +270°
- 92987D
Cavern Moss
- 799CA1
≈ Tranquil Aqua
- 9790AA
≈ Cosmic Energy
- AB8C87
≈ Ash Hollow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.99:1 · APCA Lc 57
Ag
AAANa czerni
WCAG 7.00:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--cavern-moss: #92987d;
--cavern-moss-rgb: 146 152 125;
--cavern-moss-oklch: oklch(0.667 0.039 117.6);
}
.element {
color: var(--cavern-moss);
background-color: hsl(73 12% 54%);
border-color: oklch(0.667 0.039 117.6);
}Tailwind CSS v4
@theme {
--color-cavern-moss: #92987d;
--color-cavern-moss-50: #f3f7eb;
--color-cavern-moss-100: #e6eadc;
--color-cavern-moss-200: #d2d7c5;
--color-cavern-moss-300: #b5bba5;
--color-cavern-moss-400: #9ca288;
--color-cavern-moss-500: #848a6d;
--color-cavern-moss-600: #6f755c;
--color-cavern-moss-700: #595d4a;
--color-cavern-moss-800: #424435;
--color-cavern-moss-900: #2d2f24;
--color-cavern-moss-950: #1a1c13;
}SCSS
$cavern-moss: #92987d;
$cavern-moss-rgb: 146, 152, 125;
$cavern-moss-light: mix(#fff, $cavern-moss, 20%);
$cavern-moss-dark: mix(#000, $cavern-moss, 20%);
.element {
color: $cavern-moss;
box-shadow: 0 0 0 2px rgba($cavern-moss, 0.35);
}