Colore con nome · #B4875E
Safari Sun
Safari Sun è #B4875E: rgb(180 135 94), hsl(29 36% 54%), oklch(0.657 0.079 63.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Safari Sun color name →
#B4875E
oklch(0.657 0.079 63.1)
Conversioni di colore
- HEX
- #b4875e
- RGB
- rgb(180 135 94)
- HSL
- hsl(29 36% 54%)
- HWB
- hwb(29 37% 29%)
- OKLCH
- oklch(0.657 0.079 63.1)
- OKLab
- oklab(0.657 0.036 0.07)
- CIE Lab
- lab(60.07 14.02 29.05)
- LCH
- lch(60.07 32.25 64.2)
- CMYK
- cmyk(0% 25% 48% 29%)
Tinte · Ombre · Toni
Tinte
- BC936E
- C39E7E
- CBAA8D
- D2B69D
- DAC2AD
- E1CEBD
- E9DACE
- F0E6DE
- F8F3EE
Ombre
- 9C7551
- 856344
- 6E5137
- 58412B
- 44311F
- 302114
- 1D130A
- 0C0603
- 020100
Toni
- AF8662
- AA8666
- A5856A
- A0856D
- 9A8471
- 958374
- 908377
- 8B827A
- 85817D
Armonie di colore
Complementare +180°
- B4875E
Safari Sun
- 6697BE
≈ Lupine Blue
Analogo -30° +30°
- B4875E
Safari Sun
- BC8072
≈ Western Pink
- A29158
≈ Desert Yellow
Triadico +120° +240°
- B4875E
Safari Sun
- 54A196
≈ Aqua Revival
- 9B86B9
≈ Sunlit Allium
Complementare divisa +150° +210°
- B4875E
Safari Sun
- 529EAE
≈ Flood Out
- 818EC2
≈ Pleated Mauve
Tetradico +90° +180° +270°
- B4875E
Safari Sun
- 6BA07B
≈ Holiday Camp
- 6697BE
≈ Lupine Blue
- AF80A6
≈ Stage Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.19:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.56:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--safari-sun: #b4875e;
--safari-sun-rgb: 180 135 94;
--safari-sun-oklch: oklch(0.657 0.079 63.1);
}
.element {
color: var(--safari-sun);
background-color: hsl(29 36% 54%);
border-color: oklch(0.657 0.079 63.1);
}Tailwind CSS v4
@theme {
--color-safari-sun: #b4875e;
--color-safari-sun-50: #fff1de;
--color-safari-sun-100: #fbe3cd;
--color-safari-sun-200: #ecceb2;
--color-safari-sun-300: #d4b08d;
--color-safari-sun-400: #c0956d;
--color-safari-sun-500: #ab7a4d;
--color-safari-sun-600: #916842;
--color-safari-sun-700: #745334;
--color-safari-sun-800: #563c25;
--color-safari-sun-900: #3c2919;
--color-safari-sun-950: #26170a;
}SCSS
$safari-sun: #b4875e;
$safari-sun-rgb: 180, 135, 94;
$safari-sun-light: mix(#fff, $safari-sun, 20%);
$safari-sun-dark: mix(#000, $safari-sun, 20%);
.element {
color: $safari-sun;
box-shadow: 0 0 0 2px rgba($safari-sun, 0.35);
}