Colore con nome · #47626A
Tempe Star
Tempe Star è #47626A: rgb(71 98 106), hsl(194 20% 35%), oklch(0.478 0.034 218). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Tempe Star color name →
#47626A
oklch(0.478 0.034 218)
Conversioni di colore
- HEX
- #47626a
- RGB
- rgb(71 98 106)
- HSL
- hsl(194 20% 35%)
- HWB
- hwb(194 28% 58%)
- OKLCH
- oklch(0.478 0.034 218)
- OKLab
- oklab(0.478 -0.027 -0.021)
- CIE Lab
- lab(39.63 -8.76 -7.97)
- LCH
- lch(39.63 11.84 222.3)
- CMYK
- cmyk(33% 8% 0% 58%)
Tinte · Ombre · Toni
Tinte
- 587078
- 697F86
- 7B8E94
- 8D9EA3
- 9FADB2
- B2BDC1
- C5CDD0
- D8DEDF
- EBEEEF
Ombre
- 3D545B
- 32474D
- 283A3F
- 1F2D31
- 162124
- 0D1618
- 060B0D
- 020304
- 000000
Toni
- 4D656C
- 53686E
- 586B71
- 5E6E73
- 647175
- 697477
- 6F7779
- 757A7C
- 7A7D7E
Armonie di colore
Complementare +180°
- 47626A
Tempe Star
- 6F574F
≈ Piney Wood
Analogo -30° +30°
- 47626A
Tempe Star
- 476460
≈ Brochantite Green
- 4E5F70
≈ Trekking Blue
Triadico +120° +240°
- 47626A
Tempe Star
- 6A5664
≈ Preservation Plum
- 625D47
≈ Crushed Oregano
Complementare divisa +150° +210°
- 47626A
Tempe Star
- 6F5559
≈ Grand Plum
- 6A5A48
≈ Chocolate Diamonds
Tetradico +90° +180° +270°
- 47626A
Tempe Star
- 62586C
≈ Darkest Grape
- 6F574F
≈ Piney Wood
- 57614C
≈ Grape Leaves
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.51:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.22:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.51:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--tempe-star: #47626a;
--tempe-star-rgb: 71 98 106;
--tempe-star-oklch: oklch(0.478 0.034 218);
}
.element {
color: var(--tempe-star);
background-color: hsl(194 20% 35%);
border-color: oklch(0.478 0.034 218);
}Tailwind CSS v4
@theme {
--color-tempe-star: #47626a;
--color-tempe-star-50: #ebf8fc;
--color-tempe-star-100: #dcebf0;
--color-tempe-star-200: #c5d8de;
--color-tempe-star-300: #a5bcc4;
--color-tempe-star-400: #88a4ac;
--color-tempe-star-500: #6d8c95;
--color-tempe-star-600: #5c777e;
--color-tempe-star-700: #4a5f65;
--color-tempe-star-800: #35464a;
--color-tempe-star-900: #243033;
--color-tempe-star-950: #131c1f;
}SCSS
$tempe-star: #47626a;
$tempe-star-rgb: 71, 98, 106;
$tempe-star-light: mix(#fff, $tempe-star, 20%);
$tempe-star-dark: mix(#000, $tempe-star, 20%);
.element {
color: $tempe-star;
box-shadow: 0 0 0 2px rgba($tempe-star, 0.35);
}