Colore con nome · #DFC89D
So Close
So Close è #DFC89D: rgb(223 200 157), hsl(39 51% 75%), oklch(0.841 0.062 83). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · So Close color name →
#DFC89D
oklch(0.841 0.062 83)
Conversioni di colore
- HEX
- #dfc89d
- RGB
- rgb(223 200 157)
- HSL
- hsl(39 51% 75%)
- HWB
- hwb(39 62% 13%)
- OKLCH
- oklch(0.841 0.062 83)
- OKLab
- oklab(0.841 0.008 0.062)
- CIE Lab
- lab(81.77 3.66 24.7)
- LCH
- lch(81.77 24.97 81.6)
- CMYK
- cmyk(0% 10% 30% 13%)
Tinte · Ombre · Toni
Tinte
- E2CDA7
- E5D3B1
- E9D8BA
- ECDEC4
- EFE3CE
- F2E9D8
- F5EEE2
- F9F4EB
- FCF9F5
Ombre
- C2AE88
- A59473
- 8A7B5F
- 6F634C
- 564C3A
- 3D3628
- 272118
- 120F09
- 020201
Toni
- D5C19A
- CBB998
- C2B295
- B8AB92
- AEA38F
- A59C8C
- 9C9589
- 928E86
- 898783
Armonie di colore
Complementare +180°
- DFC89D
So Close
- B6CCF5
≈ Ice Cold Stare
Analogo -30° +30°
- DFC89D
So Close
- EDC1A6
≈ Alesan
- CBD0A1
≈ True to You
Triadico +120° +240°
- DFC89D
So Close
- 9BD8DD
≈ Lake Reflection
- DFBEE3
≈ Romantic Ballad
Complementare divisa +150° +210°
- DFC89D
So Close
- A3D3EE
≈ Light Shimmer
- CCC4F1
≈ Soap
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.88:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--so-close: #dfc89d;
--so-close-rgb: 223 200 157;
--so-close-oklch: oklch(0.841 0.062 83);
}
.element {
color: var(--so-close);
background-color: hsl(39 51% 75%);
border-color: oklch(0.841 0.062 83);
}Tailwind CSS v4
@theme {
--color-so-close: #dfc89d;
--color-so-close-50: #fdf4e1;
--color-so-close-100: #f2e7d1;
--color-so-close-200: #e1d3b7;
--color-so-close-300: #c6b693;
--color-so-close-400: #b19c74;
--color-so-close-500: #9a8355;
--color-so-close-600: #836f49;
--color-so-close-700: #69583a;
--color-so-close-800: #4e4029;
--color-so-close-900: #362c1b;
--color-so-close-950: #21190c;
}SCSS
$so-close: #dfc89d;
$so-close-rgb: 223, 200, 157;
$so-close-light: mix(#fff, $so-close, 20%);
$so-close-dark: mix(#000, $so-close, 20%);
.element {
color: $so-close;
box-shadow: 0 0 0 2px rgba($so-close, 0.35);
}