Colore con nome · #AFBEC1
Arctic Feelings
Arctic Feelings è #AFBEC1: rgb(175 190 193), hsl(190 13% 72%), oklch(0.791 0.017 211). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Arctic Feelings color name →
#AFBEC1
oklch(0.791 0.017 211)
Conversioni di colore
- HEX
- #afbec1
- RGB
- rgb(175 190 193)
- HSL
- hsl(190 13% 72%)
- HWB
- hwb(190 69% 24%)
- OKLCH
- oklch(0.791 0.017 211)
- OKLab
- oklab(0.791 -0.015 -0.009)
- CIE Lab
- lab(75.88 -4.89 -3.38)
- LCH
- lch(75.88 5.95 214.6)
- CMYK
- cmyk(9% 2% 0% 24%)
Tinte · Ombre · Toni
Tinte
- B7C4C7
- BFCBCD
- C7D1D3
- CED8D9
- D6DEE0
- DEE5E6
- E7EBEC
- EFF2F2
- F7F8F9
Ombre
- 98A5A7
- 818C8F
- 6B7577
- 565E5F
- 414849
- 2E3334
- 1C1F20
- 0B0D0E
- 010202
Toni
- AAB8BA
- A5B1B4
- A1ABAD
- 9CA5A6
- 979EA0
- 939899
- 8E9293
- 898C8D
- 858686
Armonie di colore
Complementare +180°
- AFBEC1
Arctic Feelings
- C6B7B4
≈ Georgian Pink
Analogo -30° +30°
- AFBEC1
Arctic Feelings
- B0BFBB
≈ Greenwich Village
- B2BCC5
≈ Oxford
Triadico +120° +240°
- AFBEC1
Arctic Feelings
- C2B7C0
≈ Lavender Sand
- BFBBAF
≈ Dusty Sand
Complementare divisa +150° +210°
- AFBEC1
Arctic Feelings
- C5B6BA
≈ Lavender Sand
- C3B9B0
≈ Luxe Grey
Tetradico +90° +180° +270°
- AFBEC1
Arctic Feelings
- BCB8C4
≈ Titanium Man
- C6B7B4
≈ Georgian Pink
- B9BDB1
≈ Dry Catmint
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.91:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.95:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--arctic-feelings: #afbec1;
--arctic-feelings-rgb: 175 190 193;
--arctic-feelings-oklch: oklch(0.791 0.017 211);
}
.element {
color: var(--arctic-feelings);
background-color: hsl(190 13% 72%);
border-color: oklch(0.791 0.017 211);
}Tailwind CSS v4
@theme {
--color-arctic-feelings: #afbec1;
--color-arctic-feelings-50: #f0f6f8;
--color-arctic-feelings-100: #e2e9eb;
--color-arctic-feelings-200: #ccd6d9;
--color-arctic-feelings-300: #aebabd;
--color-arctic-feelings-400: #93a1a4;
--color-arctic-feelings-500: #7a898d;
--color-arctic-feelings-600: #677477;
--color-arctic-feelings-700: #525d5f;
--color-arctic-feelings-800: #3c4446;
--color-arctic-feelings-900: #292f30;
--color-arctic-feelings-950: #171c1c;
}SCSS
$arctic-feelings: #afbec1;
$arctic-feelings-rgb: 175, 190, 193;
$arctic-feelings-light: mix(#fff, $arctic-feelings, 20%);
$arctic-feelings-dark: mix(#000, $arctic-feelings, 20%);
.element {
color: $arctic-feelings;
box-shadow: 0 0 0 2px rgba($arctic-feelings, 0.35);
}