Nazwany kolor · #CBD8E5
Arctic Air
Arctic Air to #CBD8E5: rgb(203 216 229), hsl(210 33% 85%), oklch(0.876 0.023 248.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Arctic Air color name →
#CBD8E5
oklch(0.876 0.023 248.1)
Konwersje koloru
- HEX
- #cbd8e5
- RGB
- rgb(203 216 229)
- HSL
- hsl(210 33% 85%)
- HWB
- hwb(210 80% 10%)
- OKLCH
- oklch(0.876 0.023 248.1)
- OKLab
- oklab(0.876 -0.009 -0.021)
- CIE Lab
- lab(85.64 -2.63 -8)
- LCH
- lch(85.64 8.42 251.8)
- CMYK
- cmyk(11% 6% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0DCE8
- D5E0EA
- DAE4ED
- E0E7EF
- E5EBF2
- EAEFF5
- EFF3F7
- F4F7FA
- FAFBFC
Odcienie ciemniejsze
- B0BCC7
- 96A0AA
- 7D858E
- 656B72
- 4D5358
- 373B3F
- 222528
- 0F1112
- 020203
Tony
- C3CFDA
- BCC6D0
- B4BDC6
- ACB4BB
- A5ABB1
- 9DA2A7
- 969A9D
- 8F9193
- 87888A
Harmonie kolorów
Komplementarna +180°
- CBD8E5
Arctic Air
- E1D4C7
≈ Light Chintz
Analogowa -30° +30°
- CBD8E5
Arctic Air
- C7DAE0
≈ Moonmist
- D2D5E6
≈ Supernova
Triada +120° +240°
- CBD8E5
Arctic Air
- E5D0D3
≈ Delicate Pink
- D2D9CA
≈ Light Gentle Calm
Komplementarna rozszczepiona +150° +210°
- CBD8E5
Arctic Air
- E5D2CC
≈ Bridal Scent
- DAD7C6
≈ Fennec Fox
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.49:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.49:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--arctic-air: #cbd8e5;
--arctic-air-rgb: 203 216 229;
--arctic-air-oklch: oklch(0.876 0.023 248.1);
}
.element {
color: var(--arctic-air);
background-color: hsl(210 33% 85%);
border-color: oklch(0.876 0.023 248.1);
}Tailwind CSS v4
@theme {
--color-arctic-air: #cbd8e5;
--color-arctic-air-50: #f0f6fc;
--color-arctic-air-100: #e2e9ef;
--color-arctic-air-200: #cdd5de;
--color-arctic-air-300: #afb9c3;
--color-arctic-air-400: #94a0ac;
--color-arctic-air-500: #7b8895;
--color-arctic-air-600: #68737e;
--color-arctic-air-700: #535c65;
--color-arctic-air-800: #3c434a;
--color-arctic-air-900: #292e33;
--color-arctic-air-950: #171b1f;
}SCSS
$arctic-air: #cbd8e5;
$arctic-air-rgb: 203, 216, 229;
$arctic-air-light: mix(#fff, $arctic-air, 20%);
$arctic-air-dark: mix(#000, $arctic-air, 20%);
.element {
color: $arctic-air;
box-shadow: 0 0 0 2px rgba($arctic-air, 0.35);
}