لون مسمّى · #93807F
California Dreamin’
California Dreamin’ هو #93807F: rgb(147 128 127)، hsl(3 8% 54%)، oklch(0.617 0.023 21.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · California Dreamin’ color name →
#93807F
oklch(0.617 0.023 21.4)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9D8C8B
- A89897
- B2A4A4
- BDB1B0
- C8BEBD
- D3CACA
- DED7D7
- E9E4E4
- F4F2F2
درجات داكنة
- 7F6E6E
- 6C5D5D
- 594D4C
- 473D3C
- 362E2D
- 251F1F
- 161211
- 080606
- 010101
درجات رمادية
- 91807F
- 8F807F
- 8D807F
- 8C807F
- 8A8080
- 888080
- 868080
- 848080
- 828080
تناسق الألوان
متمم +180°
- 93807F
California Dreamin’
- 758A8B
≈ Leisure Time
متجاور -30° +30°
- 93807F
California Dreamin’
- 918087
≈ Mauve Jazz
- 918279
≈ Mocha Wisp
ثلاثي +120° +240°
- 93807F
California Dreamin’
- 7E897C
≈ Majestic Evergreen
- 7D8694
≈ Cold Trade Winds
متمم منقسم +150° +210°
- 93807F
California Dreamin’
- 788A83
≈ Juniper Ash
- 788891
≈ Deep Channel
رباعي +90° +180° +270°
- 93807F
California Dreamin’
- 858777
≈ Kosher Khaki
- 758A8B
≈ Leisure Time
- 858393
≈ Mecha Metal
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.72:1 · APCA Lc 65
Ag
AAعلى الأسود
WCAG 5.63:1 · APCA Lc 37
أفضل لون للنص: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
مقتطفات الأكواد
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);
}