Colore con nome · #DEAE46
Tiger Cub
Tiger Cub è #DEAE46: rgb(222 174 70), hsl(41 70% 57%), oklch(0.776 0.132 83.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tiger Cub color name →
#DEAE46
oklch(0.776 0.132 83.6)
Conversioni di colore
- HEX
- #deae46
- RGB
- rgb(222 174 70)
- HSL
- hsl(41 70% 57%)
- HWB
- hwb(41 27% 13%)
- OKLCH
- oklch(0.776 0.132 83.6)
- OKLab
- oklab(0.776 0.015 0.131)
- CIE Lab
- lab(74.17 10.42 58.17)
- LCH
- lch(74.17 59.09 79.8)
- CMYK
- cmyk(0% 22% 68% 13%)
Tinte · Ombre · Toni
Tinte
- E2B65D
- E5BF72
- E8C785
- ECCF97
- EFD7A9
- F2DFBA
- F6E7CC
- F9EFDD
- FCF7EE
Ombre
- C1973C
- A58032
- 896A28
- 6F551E
- 554115
- 3D2E0D
- 261C05
- 120B02
- 020100
Toni
- D4AA50
- CBA558
- C1A160
- B89C66
- AE986C
- A59370
- 9C8E75
- 928A79
- 89857D
Armonie di colore
Complementare +180°
- DEAE46
Tiger Cub
- 91B5FF
≈ Carolina Blue
Analogo -30° +30°
- DEAE46
Tiger Cub
- F79D61
≈ Brushed Orange
- B6BF54
≈ Sativa
Triadico +120° +240°
- DEAE46
Tiger Cub
- 08CEDC
≈ Jade Glass
- DF98E6
≈ Herb Robert
Complementare divisa +150° +210°
- DEAE46
Tiger Cub
- 4FC3FD
≈ Shovel Knight
- BAA6FF
≈ Winterspring Lilac
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.24:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.24:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--tiger-cub: #deae46;
--tiger-cub-rgb: 222 174 70;
--tiger-cub-oklch: oklch(0.776 0.132 83.6);
}
.element {
color: var(--tiger-cub);
background-color: hsl(41 70% 57%);
border-color: oklch(0.776 0.132 83.6);
}Tailwind CSS v4
@theme {
--color-tiger-cub: #deae46;
--color-tiger-cub-50: #fff3cb;
--color-tiger-cub-100: #fce5b6;
--color-tiger-cub-200: #eed193;
--color-tiger-cub-300: #d6b365;
--color-tiger-cub-400: #c39733;
--color-tiger-cub-500: #af7c00;
--color-tiger-cub-600: #946900;
--color-tiger-cub-700: #775400;
--color-tiger-cub-800: #593c00;
--color-tiger-cub-900: #3e2a00;
--color-tiger-cub-950: #271700;
}SCSS
$tiger-cub: #deae46;
$tiger-cub-rgb: 222, 174, 70;
$tiger-cub-light: mix(#fff, $tiger-cub, 20%);
$tiger-cub-dark: mix(#000, $tiger-cub, 20%);
.element {
color: $tiger-cub;
box-shadow: 0 0 0 2px rgba($tiger-cub, 0.35);
}