Colore con nome · #625D2A
Costa Del Sol
Costa Del Sol è #625D2A: rgb(98 93 42), hsl(55 40% 27%), oklch(0.471 0.071 103.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Costa Del Sol color name →
#625D2A
oklch(0.471 0.071 103.7)
Conversioni di colore
- HEX
- #625d2a
- RGB
- rgb(98 93 42)
- HSL
- hsl(55 40% 27%)
- HWB
- hwb(55 16% 62%)
- OKLCH
- oklch(0.471 0.071 103.7)
- OKLab
- oklab(0.471 -0.017 0.069)
- CIE Lab
- lab(39.08 -3.5 29.56)
- LCH
- lch(39.08 29.76 96.7)
- CMYK
- cmyk(0% 5% 57% 62%)
Tinte · Ombre · Toni
Tinte
- 706C3F
- 7F7B53
- 8E8B68
- 9D9B7C
- ADAB91
- BDBBA7
- CDCCBC
- DDDDD2
- EEEEE8
Ombre
- 545023
- 47431C
- 3A3716
- 2D2A10
- 211F0A
- 161405
- 0B0A02
- 030301
- 000000
Toni
- 656134
- 68643D
- 6B6846
- 6E6B4E
- 716F57
- 74725F
- 777667
- 7A7970
- 7D7D78
Armonie di colore
Complementare +180°
- 625D2A
Costa Del Sol
- 565682
≈ Aurora Splendour
Analogo -30° +30°
- 625D2A
Costa Del Sol
- 73552A
≈ Bark Brown
- 4B643A
≈ Garden Green
Triadico +120° +240°
- 625D2A
Costa Del Sol
- 256479
≈ Denim Blue
- 774B65
≈ Fig Cluster
Complementare divisa +150° +210°
- 625D2A
Costa Del Sol
- 3E5D83
≈ Atlantic Schooner
- 6A4F78
≈ Exotic Purple
Tetradico +90° +180° +270°
- 625D2A
Costa Del Sol
- 1B6867
≈ Bath Green
- 565682
≈ Aurora Splendour
- 7E4A4F
≈ Desert Canyon
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.73:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.11:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--costa-del-sol: #625d2a;
--costa-del-sol-rgb: 98 93 42;
--costa-del-sol-oklch: oklch(0.471 0.071 103.7);
}
.element {
color: var(--costa-del-sol);
background-color: hsl(55 40% 27%);
border-color: oklch(0.471 0.071 103.7);
}Tailwind CSS v4
@theme {
--color-costa-del-sol: #625d2a;
--color-costa-del-sol-50: #f7f7e0;
--color-costa-del-sol-100: #ebeacf;
--color-costa-del-sol-200: #d8d7b4;
--color-costa-del-sol-300: #bcba90;
--color-costa-del-sol-400: #a5a16f;
--color-costa-del-sol-500: #8e894f;
--color-costa-del-sol-600: #787443;
--color-costa-del-sol-700: #605c36;
--color-costa-del-sol-800: #474325;
--color-costa-del-sol-900: #312e19;
--color-costa-del-sol-950: #1d1b0a;
}SCSS
$costa-del-sol: #625d2a;
$costa-del-sol-rgb: 98, 93, 42;
$costa-del-sol-light: mix(#fff, $costa-del-sol, 20%);
$costa-del-sol-dark: mix(#000, $costa-del-sol, 20%);
.element {
color: $costa-del-sol;
box-shadow: 0 0 0 2px rgba($costa-del-sol, 0.35);
}