Benannte Farbe · #A3BFCB
Frozen Tundra
Frozen Tundra ist #A3BFCB: rgb(163 191 203), hsl(198 28% 72%), oklch(0.788 0.035 225.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Frozen Tundra color name →
#A3BFCB
oklch(0.788 0.035 225.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- ACC5D0
- B5CCD5
- BED2DA
- C7D8E0
- D1DFE5
- DAE5EA
- E3ECEF
- ECF2F4
- F6F8FA
Shades
- 8DA6B0
- 788D96
- 63757D
- 4F5E65
- 3C484D
- 2A3337
- 191F22
- 0A0D0F
- 010202
Tones
- A0B9C3
- 9CB2BC
- 99ACB4
- 95A5AC
- 929FA5
- 8E999D
- 8B9296
- 878C8F
- 848687
Farbharmonien
Komplementär +180°
- A3BFCB
Frozen Tundra
- CEB3A8
≈ Cosmic Aura
Analog -30° +30°
- A3BFCB
Frozen Tundra
- A1C1C1
≈ Aspiring Blue
- ABBBD0
≈ Sailor Boy
Triadisch +120° +240°
- A3BFCB
Frozen Tundra
- CBB1BF
≈ Runic Mauve
- BCBCA2
≈ Dried Thyme
Geteilt komplementär +150° +210°
- A3BFCB
Frozen Tundra
- CFB1B2
≈ Izmir Pink
- C7B7A2
≈ Ranch Tan
Tetradisch +90° +180° +270°
- A3BFCB
Frozen Tundra
- C3B3C9
≈ Purple Essence
- CEB3A8
≈ Cosmic Aura
- B0BFA9
≈ Unroasted Coffee
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.93:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.87:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
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);
}