Colore con nome · #5C6F64
Balmy Palm Tree
Balmy Palm Tree è #5C6F64: rgb(92 111 100), hsl(145 9% 40%), oklch(0.523 0.028 159.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Balmy Palm Tree color name →
#5C6F64
oklch(0.523 0.028 159.9)
Conversioni di colore
- HEX
- #5c6f64
- RGB
- rgb(92 111 100)
- HSL
- hsl(145 9% 40%)
- HWB
- hwb(145 36% 56%)
- OKLCH
- oklch(0.523 0.028 159.9)
- OKLab
- oklab(0.523 -0.027 0.01)
- CIE Lab
- lab(45.01 -9.17 3.67)
- LCH
- lch(45.01 9.88 158.2)
- CMYK
- cmyk(17% 0% 10% 56%)
Tinte · Ombre · Toni
Tinte
- 6B7C72
- 7A8A81
- 8A9890
- 9AA69F
- AAB4AE
- BBC3BE
- CBD2CE
- DCE1DE
- EEF0EE
Ombre
- 4F6056
- 425148
- 36423B
- 2A342E
- 1F2722
- 141A16
- 0A0E0B
- 030403
- 000100
Toni
- 607167
- 63726A
- 67746C
- 6A766F
- 6E7872
- 727975
- 757B77
- 797D7A
- 7C7E7D
Armonie di colore
Complementare +180°
- 5C6F64
Balmy Palm Tree
- 75646F
≈ Burnt Ash
Analogo -30° +30°
- 5C6F64
Balmy Palm Tree
- 646D5C
≈ Wimbledon
- 576F6D
≈ Aventurine
Triadico +120° +240°
- 5C6F64
Balmy Palm Tree
- 66687A
≈ Violet Evening
- 79645E
≈ Bold Brandy
Complementare divisa +150° +210°
- 5C6F64
Balmy Palm Tree
- 6F6576
≈ Rum
- 796366
≈ Pretty Puce
Tetradico +90° +180° +270°
- 5C6F64
Balmy Palm Tree
- 5E6B7A
≈ Press Agent
- 75646F
≈ Burnt Ash
- 756758
≈ Landmark Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.36:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.91:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.36:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--balmy-palm-tree: #5c6f64;
--balmy-palm-tree-rgb: 92 111 100;
--balmy-palm-tree-oklch: oklch(0.523 0.028 159.9);
}
.element {
color: var(--balmy-palm-tree);
background-color: hsl(145 9% 40%);
border-color: oklch(0.523 0.028 159.9);
}Tailwind CSS v4
@theme {
--color-balmy-palm-tree: #5c6f64;
--color-balmy-palm-tree-50: #eef8f3;
--color-balmy-palm-tree-100: #e0ebe5;
--color-balmy-palm-tree-200: #cad8d0;
--color-balmy-palm-tree-300: #abbcb3;
--color-balmy-palm-tree-400: #91a499;
--color-balmy-palm-tree-500: #778c80;
--color-balmy-palm-tree-600: #64776c;
--color-balmy-palm-tree-700: #505f56;
--color-balmy-palm-tree-800: #3a453f;
--color-balmy-palm-tree-900: #28302b;
--color-balmy-palm-tree-950: #161c18;
}SCSS
$balmy-palm-tree: #5c6f64;
$balmy-palm-tree-rgb: 92, 111, 100;
$balmy-palm-tree-light: mix(#fff, $balmy-palm-tree, 20%);
$balmy-palm-tree-dark: mix(#000, $balmy-palm-tree, 20%);
.element {
color: $balmy-palm-tree;
box-shadow: 0 0 0 2px rgba($balmy-palm-tree, 0.35);
}