Warna bernama · #FA7B62
Akebono Dawn
Akebono Dawn adalah #FA7B62: rgb(250 123 98), hsl(10 94% 68%), oklch(0.725 0.161 32.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Akebono Dawn color name →
#FA7B62
oklch(0.725 0.161 32.6)
Konversi warna
- HEX
- #fa7b62
- RGB
- rgb(250 123 98)
- HSL
- hsl(10 94% 68%)
- HWB
- hwb(10 38% 2%)
- OKLCH
- oklch(0.725 0.161 32.6)
- OKLab
- oklab(0.725 0.135 0.086)
- CIE Lab
- lab(66.68 48.14 37.44)
- LCH
- lch(66.68 60.99 37.9)
- CMYK
- cmyk(0% 51% 61% 2%)
Tint · Shade · Tone
Tint
- FC8972
- FE9782
- FFA591
- FFB2A1
- FFBFB1
- FFCCC0
- FFD9D0
- FFE6DF
- FFF2EF
Shade
- D96A54
- BA5A47
- 9B4A3A
- 7D3A2D
- 612C21
- 461E16
- 2D100B
- 150503
- 030100
Tone
- EE7D66
- E37E6A
- D77F6D
- CB8070
- BF8173
- B38176
- A78179
- 9A817B
- 8D817E
Harmoni warna
Komplementer +180°
- FA7B62
Akebono Dawn
- 00BAD5
≈ Maldives
Analog -30° +30°
- FA7B62
Akebono Dawn
- F6769D
≈ Embarrassed
- EB8C17
≈ Elden Ring Orange
Triadik +120° +240°
- FA7B62
Akebono Dawn
- 41C273
≈ Iridescent Green
- 889FFF
≈ Periwinkle Blue
Split-komplementer +150° +210°
- FA7B62
Akebono Dawn
- 00C0AD
≈ Turquoise
- 34AFFF
≈ Fantasy Console Sky
Tetradik +90° +180° +270°
- FA7B62
Akebono Dawn
- 94B52D
≈ Sickly Green
- 00BAD5
≈ Maldives
- BA8BF8
≈ Lilac Geode
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.60:1 · APCA Lc 50
Ag
AAADi atas hitam
WCAG 8.07:1 · APCA Lc 52
Warna teks terbaik: #000000
WCAG 8.07:1 (AAA) · APCA Lc 52
Contrast pairs
Cuplikan kode
CSS
:root {
--akebono-dawn: #fa7b62;
--akebono-dawn-rgb: 250 123 98;
--akebono-dawn-oklch: oklch(0.725 0.161 32.6);
}
.element {
color: var(--akebono-dawn);
background-color: hsl(10 94% 68%);
border-color: oklch(0.725 0.161 32.6);
}Tailwind CSS v4
@theme {
--color-akebono-dawn: #fa7b62;
--color-akebono-dawn-50: #ffe6d7;
--color-akebono-dawn-100: #ffd5c4;
--color-akebono-dawn-200: #ffbca6;
--color-akebono-dawn-300: #fe987f;
--color-akebono-dawn-400: #ee765e;
--color-akebono-dawn-500: #dc5339;
--color-akebono-dawn-600: #ba4732;
--color-akebono-dawn-700: #953927;
--color-akebono-dawn-800: #6f281d;
--color-akebono-dawn-900: #4f1b13;
--color-akebono-dawn-950: #340a05;
}SCSS
$akebono-dawn: #fa7b62;
$akebono-dawn-rgb: 250, 123, 98;
$akebono-dawn-light: mix(#fff, $akebono-dawn, 20%);
$akebono-dawn-dark: mix(#000, $akebono-dawn, 20%);
.element {
color: $akebono-dawn;
box-shadow: 0 0 0 2px rgba($akebono-dawn, 0.35);
}