لون مسمّى · #A3BFCB
Frozen Tundra
Frozen Tundra هو #A3BFCB: rgb(163 191 203)، hsl(198 28% 72%)، oklch(0.788 0.035 225.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Frozen Tundra color name →
#A3BFCB
oklch(0.788 0.035 225.6)
تحويلات الألوان
- HEX
- #a3bfcb
- RGB
- rgb(163 191 203)
- HSL
- hsl(198 28% 72%)
- HWB
- hwb(198 64% 20%)
- OKLCH
- oklch(0.788 0.035 225.6)
- OKLab
- oklab(0.788 -0.024 -0.025)
- CIE Lab
- lab(75.53 -7.88 -9.4)
- LCH
- lch(75.53 12.27 230)
- CMYK
- cmyk(20% 6% 0% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ACC5D0
- B5CCD5
- BED2DA
- C7D8E0
- D1DFE5
- DAE5EA
- E3ECEF
- ECF2F4
- F6F8FA
درجات داكنة
- 8DA6B0
- 788D96
- 63757D
- 4F5E65
- 3C484D
- 2A3337
- 191F22
- 0A0D0F
- 010202
درجات رمادية
- A0B9C3
- 9CB2BC
- 99ACB4
- 95A5AC
- 929FA5
- 8E999D
- 8B9296
- 878C8F
- 848687
تناسق الألوان
متمم +180°
- A3BFCB
Frozen Tundra
- CEB3A8
≈ Cosmic Aura
متجاور -30° +30°
- A3BFCB
Frozen Tundra
- A1C1C1
≈ Aspiring Blue
- ABBBD0
≈ Sailor Boy
ثلاثي +120° +240°
- A3BFCB
Frozen Tundra
- CBB1BF
≈ Runic Mauve
- BCBCA2
≈ Dried Thyme
متمم منقسم +150° +210°
- A3BFCB
Frozen Tundra
- CFB1B2
≈ Izmir Pink
- C7B7A2
≈ Ranch Tan
رباعي +90° +180° +270°
- A3BFCB
Frozen Tundra
- C3B3C9
≈ Purple Essence
- CEB3A8
≈ Cosmic Aura
- B0BFA9
≈ Unroasted Coffee
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.93:1 · APCA Lc 37
Ag
AAAعلى الأسود
WCAG 10.87:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--frozen-tundra: #a3bfcb;
--frozen-tundra-rgb: 163 191 203;
--frozen-tundra-oklch: oklch(0.788 0.035 225.6);
}
.element {
color: var(--frozen-tundra);
background-color: hsl(198 28% 72%);
border-color: oklch(0.788 0.035 225.6);
}Tailwind CSS v4
@theme {
--color-frozen-tundra: #a3bfcb;
--color-frozen-tundra-50: #ebf7fd;
--color-frozen-tundra-100: #dceaf1;
--color-frozen-tundra-200: #c6d8e0;
--color-frozen-tundra-300: #a6bbc6;
--color-frozen-tundra-400: #89a3ae;
--color-frozen-tundra-500: #6e8b98;
--color-frozen-tundra-600: #5d7680;
--color-frozen-tundra-700: #4a5e67;
--color-frozen-tundra-800: #35454b;
--color-frozen-tundra-900: #243034;
--color-frozen-tundra-950: #131c20;
}SCSS
$frozen-tundra: #a3bfcb;
$frozen-tundra-rgb: 163, 191, 203;
$frozen-tundra-light: mix(#fff, $frozen-tundra, 20%);
$frozen-tundra-dark: mix(#000, $frozen-tundra, 20%);
.element {
color: $frozen-tundra;
box-shadow: 0 0 0 2px rgba($frozen-tundra, 0.35);
}