命名颜色 · #C06714
Hawaiian Sunset
Hawaiian Sunset 即 #C06714：rgb(192 103 20)、hsl(29 81% 42%)、oklch(0.605 0.142 55.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Hawaiian Sunset color name →
#C06714
oklch(0.605 0.142 55.8)
颜色转换
- HEX
- #c06714
- RGB
- rgb(192 103 20)
- HSL
- hsl(29 81% 42%)
- HWB
- hwb(29 8% 25%)
- OKLCH
- oklch(0.605 0.142 55.8)
- OKLab
- oklab(0.605 0.08 0.117)
- CIE Lab
- lab(53.49 32.8 57.04)
- LCH
- lch(53.49 65.8 60.1)
- CMYK
- cmyk(0% 46% 90% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C87737
- CF8650
- D69567
- DCA47D
- E3B393
- E9C2A8
- EFD1BE
- F5E1D3
- FAF0E9
深色调
- A75910
- 8E4B0C
- 763D08
- 5F3005
- 492303
- 341701
- 200C01
- 0E0400
- 020000
灰色调
- BA6A29
- B46E38
- AE7143
- A8734E
- A27657
- 9C7860
- 957A68
- 8E7C71
- 877E78
配色和谐
互补色 +180°
- C06714
Hawaiian Sunset
- 008CC4
≈ Celebration Blue
类似色 -30° +30°
- C06714
Hawaiian Sunset
- C95B54
≈ Dark Salmon
- A37B00
≈ Hornet Yellow
三角配色 +120° +240°
- C06714
Hawaiian Sunset
- 00977F
≈ Pool Table
- 8A6DCC
≈ True V
分裂互补色 +150° +210°
- C06714
Hawaiian Sunset
- 0093A0
≈ Jaded
- 597DD6
≈ Serenity’s Reign
四角配色 +90° +180° +270°
- C06714
Hawaiian Sunset
- 3F974A
≈ Formal Garden
- 008CC4
≈ Celebration Blue
- AC60AF
≈ Royalty Loyalty
对比度与无障碍
Ag
Fail白底
WCAG 4.04:1 · APCA Lc 67
Ag
AA黑底
WCAG 5.19:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.19:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--hawaiian-sunset: #c06714;
--hawaiian-sunset-rgb: 192 103 20;
--hawaiian-sunset-oklch: oklch(0.605 0.142 55.8);
}
.element {
color: var(--hawaiian-sunset);
background-color: hsl(29 81% 42%);
border-color: oklch(0.605 0.142 55.8);
}Tailwind CSS v4
@theme {
--color-hawaiian-sunset: #c06714;
--color-hawaiian-sunset-50: #ffecce;
--color-hawaiian-sunset-100: #ffddba;
--color-hawaiian-sunset-200: #ffc698;
--color-hawaiian-sunset-300: #eea56c;
--color-hawaiian-sunset-400: #dd8643;
--color-hawaiian-sunset-500: #ca6800;
--color-hawaiian-sunset-600: #ab5801;
--color-hawaiian-sunset-700: #894604;
--color-hawaiian-sunset-800: #673204;
--color-hawaiian-sunset-900: #482204;
--color-hawaiian-sunset-950: #2f1100;
}SCSS
$hawaiian-sunset: #c06714;
$hawaiian-sunset-rgb: 192, 103, 20;
$hawaiian-sunset-light: mix(#fff, $hawaiian-sunset, 20%);
$hawaiian-sunset-dark: mix(#000, $hawaiian-sunset, 20%);
.element {
color: $hawaiian-sunset;
box-shadow: 0 0 0 2px rgba($hawaiian-sunset, 0.35);
}