Colore con nome · #595539
Danger Ridge
Danger Ridge è #595539: rgb(89 85 57), hsl(53 22% 29%), oklch(0.446 0.043 101). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Danger Ridge color name →
#595539
oklch(0.446 0.043 101)
Conversioni di colore
- HEX
- #595539
- RGB
- rgb(89 85 57)
- HSL
- hsl(53 22% 29%)
- HWB
- hwb(53 22% 65%)
- OKLCH
- oklch(0.446 0.043 101)
- OKLab
- oklab(0.446 -0.008 0.042)
- CIE Lab
- lab(35.95 -1.93 17)
- LCH
- lch(35.95 17.1 96.5)
- CMYK
- cmyk(0% 4% 36% 65%)
Tinte · Ombre · Toni
Tinte
- 68644B
- 77745D
- 878570
- 989583
- A8A697
- B9B7AB
- CAC9BF
- DBDBD4
- EDEDE9
Ombre
- 4C4930
- 403D28
- 34311F
- 282617
- 1D1C10
- 131109
- 090804
- 030201
- 000000
Toni
- 5D5940
- 615D47
- 64624E
- 686655
- 6C6A5C
- 706F63
- 74736A
- 787772
- 7C7C79
Armonie di colore
Complementare +180°
- 595539
Danger Ridge
- 4F526C
≈ Harbourmaster
Analogo -30° +30°
- 595539
Danger Ridge
- 63503A
≈ Corral
- 4C5940
≈ Heavy Green
Triadico +120° +240°
- 595539
Danger Ridge
- 385A65
≈ Cadet Song
- 654B5B
≈ Vicarious Violet
Complementare divisa +150° +210°
- 595539
Danger Ridge
- 42566B
≈ Inkjet
- 5C4D66
≈ Blackcurrant Elixir
Tetradico +90° +180° +270°
- 595539
Danger Ridge
- 375C5A
≈ Royal Pine
- 4F526C
≈ Harbourmaster
- 6A4A4E
≈ Painite
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.54:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.78:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.54:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--danger-ridge: #595539;
--danger-ridge-rgb: 89 85 57;
--danger-ridge-oklch: oklch(0.446 0.043 101);
}
.element {
color: var(--danger-ridge);
background-color: hsl(53 22% 29%);
border-color: oklch(0.446 0.043 101);
}Tailwind CSS v4
@theme {
--color-danger-ridge: #595539;
--color-danger-ridge-50: #f7f6e8;
--color-danger-ridge-100: #eae9d9;
--color-danger-ridge-200: #d7d5c1;
--color-danger-ridge-300: #bbb9a0;
--color-danger-ridge-400: #a4a083;
--color-danger-ridge-500: #8c8767;
--color-danger-ridge-600: #767357;
--color-danger-ridge-700: #5f5c45;
--color-danger-ridge-800: #464332;
--color-danger-ridge-900: #302e22;
--color-danger-ridge-950: #1d1b11;
}SCSS
$danger-ridge: #595539;
$danger-ridge-rgb: 89, 85, 57;
$danger-ridge-light: mix(#fff, $danger-ridge, 20%);
$danger-ridge-dark: mix(#000, $danger-ridge, 20%);
.element {
color: $danger-ridge;
box-shadow: 0 0 0 2px rgba($danger-ridge, 0.35);
}