Nazwany kolor · #7D9D72
Amulet
Amulet to #7D9D72: rgb(125 157 114), hsl(105 18% 53%), oklch(0.66 0.072 137.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Amulet color name →
#7D9D72
oklch(0.66 0.072 137.8)
Konwersje koloru
- HEX
- #7d9d72
- RGB
- rgb(125 157 114)
- HSL
- hsl(105 18% 53%)
- HWB
- hwb(105 45% 38%)
- OKLCH
- oklch(0.66 0.072 137.8)
- OKLab
- oklab(0.66 -0.053 0.048)
- CIE Lab
- lab(61.44 -17.82 18.79)
- LCH
- lch(61.44 25.9 133.5)
- CMYK
- cmyk(20% 0% 27% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 89A780
- 96B08D
- A3BA9B
- B0C3A9
- BCCDB7
- CAD7C5
- D7E1D3
- E4EBE2
- F1F5F0
Odcienie ciemniejsze
- 6C8862
- 5B7353
- 4B5F44
- 3B4C36
- 2C3A28
- 1E281B
- 11180E
- 050904
- 010101
Tony
- 7D9A74
- 7E9775
- 7E9477
- 7F9278
- 7F8F7A
- 7F8C7B
- 7F897C
- 80867E
- 80837F
Harmonie kolorów
Komplementarna +180°
- 7D9D72
Amulet
- A585AF
≈ Heather
Analogowa -30° +30°
- 7D9D72
Amulet
- 969662
≈ Rhind Papyrus
- 65A18A
≈ Scotch Lassie
Triada +120° +240°
- 7D9D72
Amulet
- 7794BE
≈ King Neptune
- BA8182
≈ New Haven Rose
Komplementarna rozszczepiona +150° +210°
- 7D9D72
Amulet
- 8F8CBC
≈ Butterfly Garden
- B4819A
≈ Heather Violet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.02:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.93:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--amulet: #7d9d72;
--amulet-rgb: 125 157 114;
--amulet-oklch: oklch(0.66 0.072 137.8);
}
.element {
color: var(--amulet);
background-color: hsl(105 18% 53%);
border-color: oklch(0.66 0.072 137.8);
}Tailwind CSS v4
@theme {
--color-amulet: #7d9d72;
--color-amulet-50: #ebfbe7;
--color-amulet-100: #dceed8;
--color-amulet-200: #c5dcbf;
--color-amulet-300: #a5c19e;
--color-amulet-400: #8aa980;
--color-amulet-500: #6f9263;
--color-amulet-600: #5e7b54;
--color-amulet-700: #4b6343;
--color-amulet-800: #37482f;
--color-amulet-900: #263220;
--color-amulet-950: #141e0f;
}SCSS
$amulet: #7d9d72;
$amulet-rgb: 125, 157, 114;
$amulet-light: mix(#fff, $amulet, 20%);
$amulet-dark: mix(#000, $amulet, 20%);
.element {
color: $amulet;
box-shadow: 0 0 0 2px rgba($amulet, 0.35);
}