Nazwany kolor · #C06714
Hawaiian Sunset
Hawaiian Sunset to #C06714: rgb(192 103 20), hsl(29 81% 42%), oklch(0.605 0.142 55.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Hawaiian Sunset color name →
#C06714
oklch(0.605 0.142 55.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C87737
- CF8650
- D69567
- DCA47D
- E3B393
- E9C2A8
- EFD1BE
- F5E1D3
- FAF0E9
Odcienie ciemniejsze
- A75910
- 8E4B0C
- 763D08
- 5F3005
- 492303
- 341701
- 200C01
- 0E0400
- 020000
Tony
- BA6A29
- B46E38
- AE7143
- A8734E
- A27657
- 9C7860
- 957A68
- 8E7C71
- 877E78
Harmonie kolorów
Komplementarna +180°
- C06714
Hawaiian Sunset
- 008CC4
≈ Celebration Blue
Analogowa -30° +30°
- C06714
Hawaiian Sunset
- C95B54
≈ Dark Salmon
- A37B00
≈ Hornet Yellow
Triada +120° +240°
- C06714
Hawaiian Sunset
- 00977F
≈ Pool Table
- 8A6DCC
≈ True V
Komplementarna rozszczepiona +150° +210°
- C06714
Hawaiian Sunset
- 0093A0
≈ Jaded
- 597DD6
≈ Serenity’s Reign
Tetrada +90° +180° +270°
- C06714
Hawaiian Sunset
- 3F974A
≈ Formal Garden
- 008CC4
≈ Celebration Blue
- AC60AF
≈ Royalty Loyalty
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.04:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.19:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.19:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
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);
}