Colore con nome · #AFCBE5
Featherbed
Featherbed è #AFCBE5: rgb(175 203 229), hsl(209 51% 79%), oklch(0.83 0.047 246.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Featherbed color name →
#AFCBE5
oklch(0.83 0.047 246.4)
Conversioni di colore
- HEX
- #afcbe5
- RGB
- rgb(175 203 229)
- HSL
- hsl(209 51% 79%)
- HWB
- hwb(209 69% 10%)
- OKLCH
- oklch(0.83 0.047 246.4)
- OKLab
- oklab(0.83 -0.019 -0.044)
- CIE Lab
- lab(80.24 -5.49 -16.24)
- LCH
- lch(80.24 17.14 251.3)
- CMYK
- cmyk(24% 11% 0% 10%)
Tinte · Ombre · Toni
Tinte
- B7D0E8
- BFD5EA
- C7DBED
- CFE0F0
- D7E5F2
- DFEAF5
- E7EFF7
- EFF5FA
- F7FAFC
Ombre
- 98B0C7
- 8196AA
- 6B7D8E
- 566572
- 414D58
- 2E373F
- 1C2228
- 0B0F12
- 010203
Toni
- AAC3DB
- A6BCD0
- A1B4C6
- 9CACBC
- 97A5B1
- 939DA7
- 8E969D
- 898F93
- 85878A
Armonie di colore
Complementare +180°
- AFCBE5
Featherbed
- DDC2A7
≈ Romulus
Analogo -30° +30°
- AFCBE5
Featherbed
- A5D0DB
≈ Cay
- BFC5E7
≈ California Lilac
Triadico +120° +240°
- AFCBE5
Featherbed
- E4BBC2
≈ Ice Hot Pink
- BFCDAC
≈ Kiss of Mint
Complementare divisa +150° +210°
- AFCBE5
Featherbed
- E4BDB2
≈ Peach Powder
- D0C8A5
≈ Desert Cover
Tetradico +90° +180° +270°
- AFCBE5
Featherbed
- DCBCD3
≈ Lavender Veil
- DDC2A7
≈ Romulus
- AFD1BB
≈ Misty Jade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.49:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--featherbed: #afcbe5;
--featherbed-rgb: 175 203 229;
--featherbed-oklch: oklch(0.83 0.047 246.4);
}
.element {
color: var(--featherbed);
background-color: hsl(209 51% 79%);
border-color: oklch(0.83 0.047 246.4);
}Tailwind CSS v4
@theme {
--color-featherbed: #afcbe5;
--color-featherbed-50: #ebf7ff;
--color-featherbed-100: #dceaf7;
--color-featherbed-200: #c5d7e8;
--color-featherbed-300: #a5bacf;
--color-featherbed-400: #88a2b9;
--color-featherbed-500: #6d8aa4;
--color-featherbed-600: #5c758b;
--color-featherbed-700: #4a5d6f;
--color-featherbed-800: #354452;
--color-featherbed-900: #242f39;
--color-featherbed-950: #131c23;
}SCSS
$featherbed: #afcbe5;
$featherbed-rgb: 175, 203, 229;
$featherbed-light: mix(#fff, $featherbed, 20%);
$featherbed-dark: mix(#000, $featherbed, 20%);
.element {
color: $featherbed;
box-shadow: 0 0 0 2px rgba($featherbed, 0.35);
}