Colore con nome · #62493B
Ship Steering Wheel
Ship Steering Wheel è #62493B: rgb(98 73 59), hsl(22 25% 31%), oklch(0.428 0.041 50.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Ship Steering Wheel color name →
#62493B
oklch(0.428 0.041 50.5)
Conversioni di colore
- HEX
- #62493b
- RGB
- rgb(98 73 59)
- HSL
- hsl(22 25% 31%)
- HWB
- hwb(22 23% 62%)
- OKLCH
- oklch(0.428 0.041 50.5)
- OKLab
- oklab(0.428 0.026 0.032)
- CIE Lab
- lab(33.48 9.42 12.74)
- LCH
- lch(33.48 15.85 53.5)
- CMYK
- cmyk(0% 26% 40% 62%)
Tinte · Ombre · Toni
Tinte
- 71594C
- 806A5F
- 8F7C71
- 9E8D84
- AE9F98
- BEB2AB
- CEC5C0
- DED8D5
- EEEBEA
Ombre
- 543E32
- 473429
- 3A2A21
- 2D2019
- 211711
- 160E09
- 0B0604
- 030201
- 000000
Toni
- 654E42
- 685448
- 6B594F
- 6E5F56
- 71645D
- 746A64
- 776F6B
- 7A7572
- 7D7A79
Armonie di colore
Complementare +180°
- 62493B
Ship Steering Wheel
- 385462
≈ Opera Glasses
Analogo -30° +30°
- 62493B
Ship Steering Wheel
- 644646
≈ Purple Earth
- 5B4D35
≈ Beggar
Triadico +120° +240°
- 62493B
Ship Steering Wheel
- 38574C
≈ Balsam Branch
- 4F4C64
≈ Legendary Purple
Complementare divisa +150° +210°
- 62493B
Ship Steering Wheel
- 335658
≈ Depth Charge
- 425066
≈ Navy Damask
Tetradico +90° +180° +270°
- 62493B
Ship Steering Wheel
- 435540
≈ Castellan Green
- 385462
≈ Opera Glasses
- 5A485D
≈ Soul Train
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.28:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.53:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--ship-steering-wheel: #62493b;
--ship-steering-wheel-rgb: 98 73 59;
--ship-steering-wheel-oklch: oklch(0.428 0.041 50.5);
}
.element {
color: var(--ship-steering-wheel);
background-color: hsl(22 25% 31%);
border-color: oklch(0.428 0.041 50.5);
}Tailwind CSS v4
@theme {
--color-ship-steering-wheel: #62493b;
--color-ship-steering-wheel-50: #fff2eb;
--color-ship-steering-wheel-100: #f4e4dc;
--color-ship-steering-wheel-200: #e3d0c5;
--color-ship-steering-wheel-300: #c9b2a5;
--color-ship-steering-wheel-400: #b39889;
--color-ship-steering-wheel-500: #9d7f6e;
--color-ship-steering-wheel-600: #856b5d;
--color-ship-steering-wheel-700: #6a564a;
--color-ship-steering-wheel-800: #4f3e36;
--color-ship-steering-wheel-900: #372b25;
--color-ship-steering-wheel-950: #211814;
}SCSS
$ship-steering-wheel: #62493b;
$ship-steering-wheel-rgb: 98, 73, 59;
$ship-steering-wheel-light: mix(#fff, $ship-steering-wheel, 20%);
$ship-steering-wheel-dark: mix(#000, $ship-steering-wheel, 20%);
.element {
color: $ship-steering-wheel;
box-shadow: 0 0 0 2px rgba($ship-steering-wheel, 0.35);
}