Màu có tên · #FF9955
Honey Carrot Cake
Honey Carrot Cake là #FF9955: rgb(255 153 85), hsl(24 100% 67%), oklch(0.777 0.148 52.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Honey Carrot Cake color name →
#FF9955
oklch(0.777 0.148 52.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFA469
- FFAE7B
- FFB98C
- FFC39D
- FFCDAE
- FFD7BE
- FFE1CE
- FFEBDF
- FFF5EF
Sắc đậm
- DE8449
- BE703D
- 9E5D31
- 804A26
- 63381C
- 482711
- 2E1708
- 160802
- 030100
Sắc xám
- F2975C
- E69562
- D99367
- CD916C
- C08E70
- B38C74
- A78977
- 9A867B
- 8D837D
Hòa sắc
Bổ túc +180°
- FF9955
Honey Carrot Cake
- 44C5FF
≈ Shovel Knight
Tương đồng -30° +30°
- FF9955
Honey Carrot Cake
- FF9390
≈ Cherished One
- E4AC2D
≈ Urobilin
Bộ ba +120° +240°
- FF9955
Honey Carrot Cake
- 13D4AC
≈ Channel Marker Green
- B9A7FF
≈ Winterspring Lilac
Bổ túc chia +150° +210°
- FF9955
Honey Carrot Cake
- 00CEDB
≈ Jade Glass
- 8FB6FF
≈ Carolina Blue
Bộ bốn +90° +180° +270°
- FF9955
Honey Carrot Cake
- 7BCE74
≈ Energise
- 44C5FF
≈ Shovel Knight
- E395ED
≈ Diva Mecha
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.11:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.93:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
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);
}