Colore con nome · #B38052
Komodo Dragon
Komodo Dragon è #B38052: rgb(179 128 82), hsl(28 39% 51%), oklch(0.641 0.089 62.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Komodo Dragon color name →
#B38052
oklch(0.641 0.089 62.3)
Conversioni di colore
- HEX
- #b38052
- RGB
- rgb(179 128 82)
- HSL
- hsl(28 39% 51%)
- HWB
- hwb(28 32% 30%)
- OKLCH
- oklch(0.641 0.089 62.3)
- OKLab
- oklab(0.641 0.041 0.078)
- CIE Lab
- lab(58.05 16.49 33.01)
- LCH
- lch(58.05 36.9 63.5)
- CMYK
- cmyk(0% 28% 54% 30%)
Tinte · Ombre · Toni
Tinte
- BB8C63
- C39974
- CAA585
- D2B296
- DABEA8
- E1CBB9
- E9D8CA
- F0E5DC
- F8F2ED
Ombre
- 9B6E46
- 845D3B
- 6E4D2F
- 583D25
- 432E1A
- 2F1F11
- 1D1208
- 0C0602
- 010100
Toni
- AE8058
- A9805D
- A48162
- 9F8167
- 9A816B
- 958170
- 908174
- 8B8078
- 85807C
Armonie di colore
Complementare +180°
- B38052
Komodo Dragon
- 5993BE
≈ Blue Paradise
Analogo -30° +30°
- B38052
Komodo Dragon
- BC786A
≈ November
- 9F8B4A
≈ Yanagicha
Triadico +120° +240°
- B38052
Komodo Dragon
- 449E91
≈ Dioptase Green
- 967FB9
≈ Plum Burst
Complementare divisa +150° +210°
- B38052
Komodo Dragon
- 409AAC
≈ Rainy Mood
- 7A89C3
≈ True Lavender
Tetradico +90° +180° +270°
- B38052
Komodo Dragon
- 619C72
≈ Rosemary Green
- 5993BE
≈ Blue Paradise
- AC78A4
≈ Victorian Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.42:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.12:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--komodo-dragon: #b38052;
--komodo-dragon-rgb: 179 128 82;
--komodo-dragon-oklch: oklch(0.641 0.089 62.3);
}
.element {
color: var(--komodo-dragon);
background-color: hsl(28 39% 51%);
border-color: oklch(0.641 0.089 62.3);
}Tailwind CSS v4
@theme {
--color-komodo-dragon: #b38052;
--color-komodo-dragon-50: #fff1dc;
--color-komodo-dragon-100: #fee2ca;
--color-komodo-dragon-200: #f0cdad;
--color-komodo-dragon-300: #d8ae88;
--color-komodo-dragon-400: #c49367;
--color-komodo-dragon-500: #b07845;
--color-komodo-dragon-600: #95663b;
--color-komodo-dragon-700: #77512f;
--color-komodo-dragon-800: #593b21;
--color-komodo-dragon-900: #3e2816;
--color-komodo-dragon-950: #271607;
}SCSS
$komodo-dragon: #b38052;
$komodo-dragon-rgb: 179, 128, 82;
$komodo-dragon-light: mix(#fff, $komodo-dragon, 20%);
$komodo-dragon-dark: mix(#000, $komodo-dragon, 20%);
.element {
color: $komodo-dragon;
box-shadow: 0 0 0 2px rgba($komodo-dragon, 0.35);
}