Nazwany kolor · #716970
Pirate’s Trinket
Pirate’s Trinket to #716970: rgb(113 105 112), hsl(308 4% 43%), oklch(0.53 0.015 329.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pirate’s Trinket color name →
#716970
oklch(0.53 0.015 329.7)
Konwersje koloru
- HEX
- #716970
- RGB
- rgb(113 105 112)
- HSL
- hsl(308 4% 43%)
- HWB
- hwb(308 41% 56%)
- OKLCH
- oklch(0.53 0.015 329.7)
- OKLab
- oklab(0.53 0.013 -0.007)
- CIE Lab
- lab(45.34 4.29 -2.74)
- LCH
- lch(45.34 5.09 327.4)
- CMYK
- cmyk(0% 7% 1% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7E777D
- 8C858B
- 999399
- A7A2A7
- B5B1B5
- C4C0C3
- D2D0D2
- E1DFE1
- F0EFF0
Odcienie ciemniejsze
- 615A60
- 524C51
- 433E43
- 353135
- 272427
- 1A181A
- 0E0C0E
- 040404
- 010001
Tony
- 726B72
- 746E73
- 757075
- 777276
- 787478
- 7A777A
- 7B797B
- 7D7B7D
- 7E7E7E
Harmonie kolorów
Komplementarna +180°
- 716970
Pirate’s Trinket
- 666E67
≈ On the Moor
Analogowa -30° +30°
- 716970
Pirate’s Trinket
- 6D6A73
≈ Warpfiend Grey
- 74696B
≈ Night Skyscraper
Triada +120° +240°
- 716970
Pirate’s Trinket
- 6F6C63
≈ Thunderous
- 636E71
≈ American River
Komplementarna rozszczepiona +150° +210°
- 716970
Pirate’s Trinket
- 6B6D64
≈ Bonsai Trunk
- 636F6C
≈ Nevada
Tetrada +90° +180° +270°
- 716970
Pirate’s Trinket
- 736A64
≈ Burnished Pewter
- 666E67
≈ On the Moor
- 656D74
≈ Wall Street
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.30:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.95:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--pirate-s-trinket: #716970;
--pirate-s-trinket-rgb: 113 105 112;
--pirate-s-trinket-oklch: oklch(0.53 0.015 329.7);
}
.element {
color: var(--pirate-s-trinket);
background-color: hsl(308 4% 43%);
border-color: oklch(0.53 0.015 329.7);
}Tailwind CSS v4
@theme {
--color-pirate-s-trinket: #716970;
--color-pirate-s-trinket-50: #f8f4f7;
--color-pirate-s-trinket-100: #ebe6ea;
--color-pirate-s-trinket-200: #d8d2d7;
--color-pirate-s-trinket-300: #bcb5bb;
--color-pirate-s-trinket-400: #a49ba3;
--color-pirate-s-trinket-500: #8c838b;
--color-pirate-s-trinket-600: #766f75;
--color-pirate-s-trinket-700: #5f595e;
--color-pirate-s-trinket-800: #454145;
--color-pirate-s-trinket-900: #302d30;
--color-pirate-s-trinket-950: #1c1a1c;
}SCSS
$pirate-s-trinket: #716970;
$pirate-s-trinket-rgb: 113, 105, 112;
$pirate-s-trinket-light: mix(#fff, $pirate-s-trinket, 20%);
$pirate-s-trinket-dark: mix(#000, $pirate-s-trinket, 20%);
.element {
color: $pirate-s-trinket;
box-shadow: 0 0 0 2px rgba($pirate-s-trinket, 0.35);
}