Colore con nome · #574B50
Kona
Kona è #574B50: rgb(87 75 80), hsl(335 7% 32%), oklch(0.427 0.018 350.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Kona color name →
#574B50
oklch(0.427 0.018 350.8)
Conversioni di colore
- HEX
- #574b50
- RGB
- rgb(87 75 80)
- HSL
- hsl(335 7% 32%)
- HWB
- hwb(335 29% 66%)
- OKLCH
- oklch(0.427 0.018 350.8)
- OKLab
- oklab(0.427 0.018 -0.003)
- CIE Lab
- lab(33.24 5.93 -1.03)
- LCH
- lch(33.24 6.02 350.2)
- CMYK
- cmyk(0% 14% 8% 66%)
Tinte · Ombre · Toni
Tinte
- 665B60
- 766C70
- 867D81
- 968E92
- A7A0A3
- B8B3B5
- CAC5C7
- DBD8D9
- EDEBEC
Ombre
- 4B4044
- 3E3539
- 332B2E
- 272124
- 1C171A
- 120E10
- 080607
- 030202
- 000000
Toni
- 5B5055
- 5F5559
- 635A5E
- 676063
- 6B6568
- 6F6A6C
- 747071
- 787576
- 7C7B7B
Armonie di colore
Complementare +180°
- 574B50
Kona
- 45524D
≈ Deepest River
Analogo -30° +30°
Triadico +120° +240°
- 574B50
Kona
- 4F5045
≈ Shade-Grown
- 455157
≈ High Salute
Complementare divisa +150° +210°
- 574B50
Kona
- 4A5148
≈ Green Column
- 445253
≈ Dark Slate
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.30:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.52:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.30:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--kona: #574b50;
--kona-rgb: 87 75 80;
--kona-oklch: oklch(0.427 0.018 350.8);
}
.element {
color: var(--kona);
background-color: hsl(335 7% 32%);
border-color: oklch(0.427 0.018 350.8);
}Tailwind CSS v4
@theme {
--color-kona: #574b50;
--color-kona-50: #faf3f5;
--color-kona-100: #ede5e8;
--color-kona-200: #dbd1d5;
--color-kona-300: #bfb4b8;
--color-kona-400: #a79aa0;
--color-kona-500: #908288;
--color-kona-600: #7a6e73;
--color-kona-700: #62585c;
--color-kona-800: #474043;
--color-kona-900: #312c2e;
--color-kona-950: #1d191b;
}SCSS
$kona: #574b50;
$kona-rgb: 87, 75, 80;
$kona-light: mix(#fff, $kona, 20%);
$kona-dark: mix(#000, $kona, 20%);
.element {
color: $kona;
box-shadow: 0 0 0 2px rgba($kona, 0.35);
}