Colore con nome · #957B38
Cardueline Finch
Cardueline Finch è #957B38: rgb(149 123 56), hsl(43 45% 40%), oklch(0.594 0.092 88.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Cardueline Finch color name →
#957B38
oklch(0.594 0.092 88.1)
Conversioni di colore
- HEX
- #957b38
- RGB
- rgb(149 123 56)
- HSL
- hsl(43 45% 40%)
- HWB
- hwb(43 22% 42%)
- OKLCH
- oklch(0.594 0.092 88.1)
- OKLab
- oklab(0.594 0.003 0.092)
- CIE Lab
- lab(53.09 4.46 39.7)
- LCH
- lch(53.09 39.95 83.6)
- CMYK
- cmyk(0% 17% 62% 42%)
Tinte · Ombre · Toni
Tinte
- 9F884D
- AA9561
- B4A175
- BEAE88
- C9BC9C
- D4C9AF
- DED6C3
- E9E4D7
- F4F1EB
Ombre
- 816A2F
- 6D5A27
- 5A4A1F
- 483A17
- 372C0F
- 261E08
- 161004
- 080501
- 010100
Toni
- 937C41
- 917C4A
- 8F7D52
- 8D7E59
- 8B7E60
- 887F67
- 867F6D
- 847F74
- 82807A
Armonie di colore
Complementare +180°
- 957B38
Cardueline Finch
- 677CB5
≈ Marvellous
Analogo -30° +30°
- 957B38
Cardueline Finch
- A77044
≈ Stroopwafel
- 798644
≈ Laird
Triadico +120° +240°
- 957B38
Cardueline Finch
- 278D9B
≈ Safe Harbour
- 9C6A9A
≈ Tatarian Aster
Complementare divisa +150° +210°
- 957B38
Cardueline Finch
- 4486AF
≈ Cornwall
- 8572AE
≈ Dahlia Purple
Tetradico +90° +180° +270°
- 957B38
Cardueline Finch
- 32907E
≈ Perky
- 677CB5
≈ Marvellous
- AA677E
≈ Apple II Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.06:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.16:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--cardueline-finch: #957b38;
--cardueline-finch-rgb: 149 123 56;
--cardueline-finch-oklch: oklch(0.594 0.092 88.1);
}
.element {
color: var(--cardueline-finch);
background-color: hsl(43 45% 40%);
border-color: oklch(0.594 0.092 88.1);
}Tailwind CSS v4
@theme {
--color-cardueline-finch: #957b38;
--color-cardueline-finch-50: #fff5d8;
--color-cardueline-finch-100: #f4e7c6;
--color-cardueline-finch-200: #e3d3a8;
--color-cardueline-finch-300: #c9b681;
--color-cardueline-finch-400: #b59c5d;
--color-cardueline-finch-500: #9f8236;
--color-cardueline-finch-600: #876e2f;
--color-cardueline-finch-700: #6c5826;
--color-cardueline-finch-800: #504019;
--color-cardueline-finch-900: #382c10;
--color-cardueline-finch-950: #231904;
}SCSS
$cardueline-finch: #957b38;
$cardueline-finch-rgb: 149, 123, 56;
$cardueline-finch-light: mix(#fff, $cardueline-finch, 20%);
$cardueline-finch-dark: mix(#000, $cardueline-finch, 20%);
.element {
color: $cardueline-finch;
box-shadow: 0 0 0 2px rgba($cardueline-finch, 0.35);
}