Cor nomeada · #5F7475
Paradise City
Paradise City é #5F7475: rgb(95 116 117), hsl(183 10% 42%), oklch(0.542 0.025 200). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Paradise City color name →
#5F7475
oklch(0.542 0.025 200)
Conversões de cor
- HEX
- #5f7475
- RGB
- rgb(95 116 117)
- HSL
- hsl(183 10% 42%)
- HWB
- hwb(183 37% 54%)
- OKLCH
- oklch(0.542 0.025 200)
- OKLab
- oklab(0.542 -0.023 -0.008)
- CIE Lab
- lab(47.16 -7.84 -3.27)
- LCH
- lch(47.16 8.49 202.7)
- CMYK
- cmyk(19% 1% 0% 54%)
Tons claros · Sombras · Tons
Tons claros
- 6E8182
- 7D8E8F
- 8C9C9C
- 9CA9AA
- ACB7B8
- BCC5C6
- CDD3D4
- DDE2E2
- EEF0F0
Sombras
- 526465
- 445455
- 384546
- 2C3737
- 202929
- 151B1C
- 0A0F0F
- 030505
- 000101
Tons
- 627576
- 667677
- 697878
- 6C7979
- 707A7A
- 737B7C
- 767C7D
- 7A7E7E
- 7D7F7F
Harmonias de cor
Complementar +180°
- 5F7475
Paradise City
- 7D6A69
≈ Muscatel
Análoga -30° +30°
- 5F7475
Paradise City
- 62746D
≈ Cameroon Green
- 61727B
≈ Desert Night
Tríade +120° +240°
- 5F7475
Paradise City
- 766B79
≈ Mamba
- 776E5F
≈ Sleeping Giant
Complementar dividida +150° +210°
- 5F7475
Paradise City
- 7B6A71
≈ Gothic Spire
- 7C6C63
≈ Namibia
Tétrade +90° +180° +270°
- 5F7475
Paradise City
- 6F6D7D
≈ Mountain Haze
- 7D6A69
≈ Muscatel
- 707160
≈ Sage Green Light
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.95:1 · APCA Lc 74
Ag
FailSobre preto
WCAG 4.24:1 · APCA Lc 27
Melhor cor de texto: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--paradise-city: #5f7475;
--paradise-city-rgb: 95 116 117;
--paradise-city-oklch: oklch(0.542 0.025 200);
}
.element {
color: var(--paradise-city);
background-color: hsl(183 10% 42%);
border-color: oklch(0.542 0.025 200);
}Tailwind CSS v4
@theme {
--color-paradise-city: #5f7475;
--color-paradise-city-50: #edf7f8;
--color-paradise-city-100: #dfeaeb;
--color-paradise-city-200: #c9d8d9;
--color-paradise-city-300: #a9bbbd;
--color-paradise-city-400: #8ea3a4;
--color-paradise-city-500: #748b8d;
--color-paradise-city-600: #627677;
--color-paradise-city-700: #4e5e5f;
--color-paradise-city-800: #394545;
--color-paradise-city-900: #273030;
--color-paradise-city-950: #151c1c;
}SCSS
$paradise-city: #5f7475;
$paradise-city-rgb: 95, 116, 117;
$paradise-city-light: mix(#fff, $paradise-city, 20%);
$paradise-city-dark: mix(#000, $paradise-city, 20%);
.element {
color: $paradise-city;
box-shadow: 0 0 0 2px rgba($paradise-city, 0.35);
}