Colore con nome · #93807F
California Dreamin’
California Dreamin’ è #93807F: rgb(147 128 127), hsl(3 8% 54%), oklch(0.617 0.023 21.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · California Dreamin’ color name →
#93807F
oklch(0.617 0.023 21.4)
Conversioni di colore
- HEX
- #93807f
- RGB
- rgb(147 128 127)
- HSL
- hsl(3 8% 54%)
- HWB
- hwb(3 50% 42%)
- OKLCH
- oklch(0.617 0.023 21.4)
- OKLab
- oklab(0.617 0.022 0.009)
- CIE Lab
- lab(55.33 7.37 3.36)
- LCH
- lch(55.33 8.1 24.5)
- CMYK
- cmyk(0% 13% 14% 42%)
Tinte · Ombre · Toni
Tinte
- 9D8C8B
- A89897
- B2A4A4
- BDB1B0
- C8BEBD
- D3CACA
- DED7D7
- E9E4E4
- F4F2F2
Ombre
- 7F6E6E
- 6C5D5D
- 594D4C
- 473D3C
- 362E2D
- 251F1F
- 161211
- 080606
- 010101
Toni
- 91807F
- 8F807F
- 8D807F
- 8C807F
- 8A8080
- 888080
- 868080
- 848080
- 828080
Armonie di colore
Complementare +180°
- 93807F
California Dreamin’
- 758A8B
≈ Leisure Time
Analogo -30° +30°
- 93807F
California Dreamin’
- 918087
≈ Mauve Jazz
- 918279
≈ Mocha Wisp
Triadico +120° +240°
- 93807F
California Dreamin’
- 7E897C
≈ Majestic Evergreen
- 7D8694
≈ Cold Trade Winds
Complementare divisa +150° +210°
- 93807F
California Dreamin’
- 788A83
≈ Juniper Ash
- 788891
≈ Deep Channel
Tetradico +90° +180° +270°
- 93807F
California Dreamin’
- 858777
≈ Kosher Khaki
- 758A8B
≈ Leisure Time
- 858393
≈ Mecha Metal
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.72:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.63:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--california-dreamin: #93807f;
--california-dreamin-rgb: 147 128 127;
--california-dreamin-oklch: oklch(0.617 0.023 21.4);
}
.element {
color: var(--california-dreamin);
background-color: hsl(3 8% 54%);
border-color: oklch(0.617 0.023 21.4);
}Tailwind CSS v4
@theme {
--color-california-dreamin: #93807f;
--color-california-dreamin-50: #fcf3f2;
--color-california-dreamin-100: #f0e5e4;
--color-california-dreamin-200: #ded1cf;
--color-california-dreamin-300: #c3b3b2;
--color-california-dreamin-400: #ac9998;
--color-california-dreamin-500: #95807f;
--color-california-dreamin-600: #7e6d6c;
--color-california-dreamin-700: #655756;
--color-california-dreamin-800: #4a3f3f;
--color-california-dreamin-900: #342c2b;
--color-california-dreamin-950: #1f1919;
}SCSS
$california-dreamin: #93807f;
$california-dreamin-rgb: 147, 128, 127;
$california-dreamin-light: mix(#fff, $california-dreamin, 20%);
$california-dreamin-dark: mix(#000, $california-dreamin, 20%);
.element {
color: $california-dreamin;
box-shadow: 0 0 0 2px rgba($california-dreamin, 0.35);
}