Couleur nommée · #CDA035
Tiger Cat
Tiger Cat correspond à #CDA035 : rgb(205 160 53), hsl(42 60% 51%), oklch(0.729 0.131 84.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Tiger Cat color name →
#CDA035
oklch(0.729 0.131 84.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D2AA50
- D7B366
- DCBD7B
- E1C68F
- E6D0A2
- EBD9B5
- F0E3C7
- F5ECDA
- FAF6EC
Ombres
- B28B2D
- 987625
- 7E611D
- 664E15
- 4E3B0E
- 382908
- 231903
- 0F0901
- 020100
Tons
- C59D42
- BD9A4D
- B69756
- AE945E
- A69165
- 9E8E6B
- 978A71
- 8F8776
- 88847B
Harmonies de couleurs
Complémentaire +180°
- CDA035
Tiger Cat
- 7FA5FA
≈ Fennel Flower
Analogue -30° +30°
- CDA035
Tiger Cat
- E68F51
≈ Big Foot Feet
- A5B147
≈ Elysian Green
Triadique +120° +240°
- CDA035
Tiger Cat
- 00BDCC
≈ Panorama Blue
- D18AD5
≈ Blush Essence
Complémentaire divisée +150° +210°
- CDA035
Tiger Cat
- 41B4ED
≈ Lynx Screen Blue
- AD96F1
≈ Dreamy Candy Forest
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.42:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.67:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.67:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
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);
}