Colore con nome · #FA7B62
Akebono Dawn
Akebono Dawn è #FA7B62: rgb(250 123 98), hsl(10 94% 68%), oklch(0.725 0.161 32.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Akebono Dawn color name →
#FA7B62
oklch(0.725 0.161 32.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FC8972
- FE9782
- FFA591
- FFB2A1
- FFBFB1
- FFCCC0
- FFD9D0
- FFE6DF
- FFF2EF
Ombre
- D96A54
- BA5A47
- 9B4A3A
- 7D3A2D
- 612C21
- 461E16
- 2D100B
- 150503
- 030100
Toni
- EE7D66
- E37E6A
- D77F6D
- CB8070
- BF8173
- B38176
- A78179
- 9A817B
- 8D817E
Armonie di colore
Complementare +180°
- FA7B62
Akebono Dawn
- 00BAD5
≈ Maldives
Analogo -30° +30°
- FA7B62
Akebono Dawn
- F6769D
≈ Embarrassed
- EB8C17
≈ Elden Ring Orange
Triadico +120° +240°
- FA7B62
Akebono Dawn
- 41C273
≈ Iridescent Green
- 889FFF
≈ Periwinkle Blue
Complementare divisa +150° +210°
- FA7B62
Akebono Dawn
- 00C0AD
≈ Turquoise
- 34AFFF
≈ Fantasy Console Sky
Tetradico +90° +180° +270°
- FA7B62
Akebono Dawn
- 94B52D
≈ Sickly Green
- 00BAD5
≈ Maldives
- BA8BF8
≈ Lilac Geode
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.07:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.07:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
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);
}