Cor nomeada · #FF9955
Honey Carrot Cake
Honey Carrot Cake é #FF9955: rgb(255 153 85), hsl(24 100% 67%), oklch(0.777 0.148 52.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Honey Carrot Cake color name →
#FF9955
oklch(0.777 0.148 52.5)
Conversões de cor
- HEX
- #ff9955
- RGB
- rgb(255 153 85)
- HSL
- hsl(24 100% 67%)
- HWB
- hwb(24 33% 0%)
- OKLCH
- oklch(0.777 0.148 52.5)
- OKLab
- oklab(0.777 0.09 0.117)
- CIE Lab
- lab(73.31 35.1 51.9)
- LCH
- lch(73.31 62.65 55.9)
- CMYK
- cmyk(0% 40% 67% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFA469
- FFAE7B
- FFB98C
- FFC39D
- FFCDAE
- FFD7BE
- FFE1CE
- FFEBDF
- FFF5EF
Sombras
- DE8449
- BE703D
- 9E5D31
- 804A26
- 63381C
- 482711
- 2E1708
- 160802
- 030100
Tons
- F2975C
- E69562
- D99367
- CD916C
- C08E70
- B38C74
- A78977
- 9A867B
- 8D837D
Harmonias de cor
Complementar +180°
- FF9955
Honey Carrot Cake
- 44C5FF
≈ Shovel Knight
Análoga -30° +30°
- FF9955
Honey Carrot Cake
- FF9390
≈ Cherished One
- E4AC2D
≈ Urobilin
Tríade +120° +240°
- FF9955
Honey Carrot Cake
- 13D4AC
≈ Channel Marker Green
- B9A7FF
≈ Winterspring Lilac
Complementar dividida +150° +210°
- FF9955
Honey Carrot Cake
- 00CEDB
≈ Jade Glass
- 8FB6FF
≈ Carolina Blue
Tétrade +90° +180° +270°
- FF9955
Honey Carrot Cake
- 7BCE74
≈ Energise
- 44C5FF
≈ Shovel Knight
- E395ED
≈ Diva Mecha
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.93:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--honey-carrot-cake: #ff9955;
--honey-carrot-cake-rgb: 255 153 85;
--honey-carrot-cake-oklch: oklch(0.777 0.148 52.5);
}
.element {
color: var(--honey-carrot-cake);
background-color: hsl(24 100% 67%);
border-color: oklch(0.777 0.148 52.5);
}Tailwind CSS v4
@theme {
--color-honey-carrot-cake: #ff9955;
--color-honey-carrot-cake-50: #ffebce;
--color-honey-carrot-cake-100: #ffdcba;
--color-honey-carrot-cake-200: #ffc498;
--color-honey-carrot-cake-300: #f2a26c;
--color-honey-carrot-cake-400: #e18342;
--color-honey-carrot-cake-500: #cf6300;
--color-honey-carrot-cake-600: #af5501;
--color-honey-carrot-cake-700: #8c4404;
--color-honey-carrot-cake-800: #693005;
--color-honey-carrot-cake-900: #4a2104;
--color-honey-carrot-cake-950: #300f00;
}SCSS
$honey-carrot-cake: #ff9955;
$honey-carrot-cake-rgb: 255, 153, 85;
$honey-carrot-cake-light: mix(#fff, $honey-carrot-cake, 20%);
$honey-carrot-cake-dark: mix(#000, $honey-carrot-cake, 20%);
.element {
color: $honey-carrot-cake;
box-shadow: 0 0 0 2px rgba($honey-carrot-cake, 0.35);
}