Warna bernama · #A2AEBF
Feather Soft Blue
Feather Soft Blue adalah #A2AEBF: rgb(162 174 191), hsl(215 18% 69%), oklch(0.747 0.028 257). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Feather Soft Blue color name →
#A2AEBF
oklch(0.747 0.028 257)
Konversi warna
- HEX
- #a2aebf
- RGB
- rgb(162 174 191)
- HSL
- hsl(215 18% 69%)
- HWB
- hwb(215 64% 25%)
- OKLCH
- oklch(0.747 0.028 257)
- OKLab
- oklab(0.747 -0.006 -0.027)
- CIE Lab
- lab(70.55 -1.7 -10.23)
- LCH
- lch(70.55 10.37 260.6)
- CMYK
- cmyk(15% 9% 0% 25%)
Tint · Shade · Tone
Tint
- ABB6C5
- B4BECC
- BDC6D2
- C6CED8
- D0D6DF
- D9DEE5
- E2E6EC
- ECEEF2
- F5F7F8
Shade
- 8C97A6
- 77808D
- 636A75
- 4F555E
- 3C4148
- 2A2E33
- 191C1F
- 0A0B0D
- 010102
Tone
- 9FA9B9
- 9BA5B2
- 98A0AC
- 949BA5
- 91979F
- 8D9299
- 8A8E93
- 87898C
- 838586
Harmoni warna
Komplementer +180°
- A2AEBF
Feather Soft Blue
- B7AB9A
≈ Langdon Dove
Analog -30° +30°
- A2AEBF
Feather Soft Blue
- 9BB1BB
≈ Ice Gull Grey Blue
- ABABBE
≈ Cream Violet
Triadik +120° +240°
- A2AEBF
Feather Soft Blue
- BEA6A7
≈ Florida Grey
- A5B1A0
≈ Tranquil Green
Split-komplementer +150° +210°
- A2AEBF
Feather Soft Blue
- BDA89E
≈ Heavenly Cocoa
- AFAF9A
≈ Still
Tetradik +90° +180° +270°
- A2AEBF
Feather Soft Blue
- BBA6B0
≈ Cold Pink
- B7AB9A
≈ Langdon Dove
- 9DB3A9
≈ Sceptic
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.24:1 · APCA Lc 44
Ag
AAADi atas hitam
WCAG 9.34:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
CSS
:root {
--feather-soft-blue: #a2aebf;
--feather-soft-blue-rgb: 162 174 191;
--feather-soft-blue-oklch: oklch(0.747 0.028 257);
}
.element {
color: var(--feather-soft-blue);
background-color: hsl(215 18% 69%);
border-color: oklch(0.747 0.028 257);
}Tailwind CSS v4
@theme {
--color-feather-soft-blue: #a2aebf;
--color-feather-soft-blue-50: #f0f5fd;
--color-feather-soft-blue-100: #e2e8f1;
--color-feather-soft-blue-200: #cdd5e1;
--color-feather-soft-blue-300: #afb8c6;
--color-feather-soft-blue-400: #949faf;
--color-feather-soft-blue-500: #7b8799;
--color-feather-soft-blue-600: #687281;
--color-feather-soft-blue-700: #535c68;
--color-feather-soft-blue-800: #3c434c;
--color-feather-soft-blue-900: #292e35;
--color-feather-soft-blue-950: #171b20;
}SCSS
$feather-soft-blue: #a2aebf;
$feather-soft-blue-rgb: 162, 174, 191;
$feather-soft-blue-light: mix(#fff, $feather-soft-blue, 20%);
$feather-soft-blue-dark: mix(#000, $feather-soft-blue, 20%);
.element {
color: $feather-soft-blue;
box-shadow: 0 0 0 2px rgba($feather-soft-blue, 0.35);
}