Color con nombre · #FCA044
Double Dragon
Double Dragon es #FCA044: rgb(252 160 68), hsl(30 97% 63%), oklch(0.783 0.151 62). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Double Dragon color name →
#FCA044
oklch(0.783 0.151 62)
Conversiones de color
- HEX
- #fca044
- RGB
- rgb(252 160 68)
- HSL
- hsl(30 97% 63%)
- HWB
- hwb(30 27% 1%)
- OKLCH
- oklch(0.783 0.151 62)
- OKLab
- oklab(0.783 0.071 0.133)
- CIE Lab
- lab(74.32 29.84 60.54)
- LCH
- lch(74.32 67.5 63.8)
- CMYK
- cmyk(0% 37% 73% 1%)
Tintes · Sombras · Tonos
Tintes
- FDAA5C
- FEB471
- FFBE84
- FFC797
- FFD1A8
- FFDABA
- FFE4CB
- FFEDDD
- FFF6EE
Sombras
- DB8B3A
- BB7630
- 9C6126
- 7E4E1D
- 623B14
- 47290C
- 2D1905
- 160902
- 030100
Tonos
- F09D4F
- E39B57
- D7985F
- CA9565
- BE926B
- B28E70
- A58B75
- 998779
- 8D847D
Armonías de color
Complementario +180°
- FCA044
Double Dragon
- 6DC1FF
≈ Maya Blue
Análogo -30° +30°
- FCA044
Double Dragon
- FF9984
≈ Candy
- DBB427
≈ Pickled Peppers
Triádico +120° +240°
- FCA044
Double Dragon
- 00D5BF
≈ Turquoise Panic
- C8A3FF
≈ Diva
Complementario dividido +150° +210°
- FCA044
Double Dragon
- 00CFEB
≈ Picnic Day Sky
- A0B4FF
≈ Wondrous Wisteria
Tetrádico +90° +180° +270°
- FCA044
Double Dragon
- 62D487
≈ Spring Bouquet
- 6DC1FF
≈ Maya Blue
- F092E3
≈ Love Dust
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.25:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.25:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--double-dragon: #fca044;
--double-dragon-rgb: 252 160 68;
--double-dragon-oklch: oklch(0.783 0.151 62);
}
.element {
color: var(--double-dragon);
background-color: hsl(30 97% 63%);
border-color: oklch(0.783 0.151 62);
}Tailwind CSS v4
@theme {
--color-double-dragon: #fca044;
--color-double-dragon-50: #ffedc9;
--color-double-dragon-100: #ffdeb4;
--color-double-dragon-200: #ffc790;
--color-double-dragon-300: #eda660;
--color-double-dragon-400: #dc872e;
--color-double-dragon-500: #ca6900;
--color-double-dragon-600: #ab5900;
--color-double-dragon-700: #894700;
--color-double-dragon-800: #673300;
--color-double-dragon-900: #482300;
--color-double-dragon-950: #2f1100;
}SCSS
$double-dragon: #fca044;
$double-dragon-rgb: 252, 160, 68;
$double-dragon-light: mix(#fff, $double-dragon, 20%);
$double-dragon-dark: mix(#000, $double-dragon, 20%);
.element {
color: $double-dragon;
box-shadow: 0 0 0 2px rgba($double-dragon, 0.35);
}