Colore con nome · #CDA035
Tiger Cat
Tiger Cat è #CDA035: rgb(205 160 53), hsl(42 60% 51%), oklch(0.729 0.131 84.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tiger Cat color name →
#CDA035
oklch(0.729 0.131 84.9)
Conversioni di colore
- HEX
- #cda035
- RGB
- rgb(205 160 53)
- HSL
- hsl(42 60% 51%)
- HWB
- hwb(42 21% 20%)
- OKLCH
- oklch(0.729 0.131 84.9)
- OKLab
- oklab(0.729 0.012 0.13)
- CIE Lab
- lab(68.75 9.66 59.07)
- LCH
- lch(68.75 59.85 80.7)
- CMYK
- cmyk(0% 22% 74% 20%)
Tinte · Ombre · Toni
Tinte
- D2AA50
- D7B366
- DCBD7B
- E1C68F
- E6D0A2
- EBD9B5
- F0E3C7
- F5ECDA
- FAF6EC
Ombre
- B28B2D
- 987625
- 7E611D
- 664E15
- 4E3B0E
- 382908
- 231903
- 0F0901
- 020100
Toni
- C59D42
- BD9A4D
- B69756
- AE945E
- A69165
- 9E8E6B
- 978A71
- 8F8776
- 88847B
Armonie di colore
Complementare +180°
- CDA035
Tiger Cat
- 7FA5FA
≈ Fennel Flower
Analogo -30° +30°
- CDA035
Tiger Cat
- E68F51
≈ Big Foot Feet
- A5B147
≈ Elysian Green
Triadico +120° +240°
- CDA035
Tiger Cat
- 00BDCC
≈ Panorama Blue
- D18AD5
≈ Blush Essence
Complementare divisa +150° +210°
- CDA035
Tiger Cat
- 41B4ED
≈ Lynx Screen Blue
- AD96F1
≈ Dreamy Candy Forest
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.42:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.67:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.67:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--tiger-cat: #cda035;
--tiger-cat-rgb: 205 160 53;
--tiger-cat-oklch: oklch(0.729 0.131 84.9);
}
.element {
color: var(--tiger-cat);
background-color: hsl(42 60% 51%);
border-color: oklch(0.729 0.131 84.9);
}Tailwind CSS v4
@theme {
--color-tiger-cat: #cda035;
--color-tiger-cat-50: #fff4cb;
--color-tiger-cat-100: #fbe6b6;
--color-tiger-cat-200: #ecd193;
--color-tiger-cat-300: #d4b365;
--color-tiger-cat-400: #c29734;
--color-tiger-cat-500: #ae7d00;
--color-tiger-cat-600: #936a00;
--color-tiger-cat-700: #765500;
--color-tiger-cat-800: #583d00;
--color-tiger-cat-900: #3e2a00;
--color-tiger-cat-950: #271700;
}SCSS
$tiger-cat: #cda035;
$tiger-cat-rgb: 205, 160, 53;
$tiger-cat-light: mix(#fff, $tiger-cat, 20%);
$tiger-cat-dark: mix(#000, $tiger-cat, 20%);
.element {
color: $tiger-cat;
box-shadow: 0 0 0 2px rgba($tiger-cat, 0.35);
}