Colore con nome · #FAD28F
Sunbathed Beach
Sunbathed Beach è #FAD28F: rgb(250 210 143), hsl(38 91% 77%), oklch(0.883 0.096 79.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sunbathed Beach color name →
#FAD28F
oklch(0.883 0.096 79.9)
Conversioni di colore
- HEX
- #fad28f
- RGB
- rgb(250 210 143)
- HSL
- hsl(38 91% 77%)
- HWB
- hwb(38 56% 2%)
- OKLCH
- oklch(0.883 0.096 79.9)
- OKLab
- oklab(0.883 0.017 0.094)
- CIE Lab
- lab(86.57 8.18 38.68)
- LCH
- lch(86.57 39.54 78.1)
- CMYK
- cmyk(0% 16% 43% 2%)
Tinte · Ombre · Toni
Tinte
- FBD79B
- FBDBA7
- FCE0B2
- FCE4BD
- FDE9C8
- FDEDD3
- FEF2DE
- FEF6E9
- FFFBF4
Ombre
- D9B67C
- BA9B69
- 9B8157
- 7D6845
- 615034
- 463924
- 2D2415
- 151007
- 030201
Toni
- EDCA8E
- E1C18D
- D4B98C
- C8B18B
- BBA98A
- AFA088
- A39886
- 979084
- 8C8882
Armonie di colore
Complementare +180°
- FAD28F
Sunbathed Beach
- C3DAFF
≈ Broad Daylight
Analogo -30° +30°
- FAD28F
Sunbathed Beach
- FFCCB0
≈ Blushing Cherub
- DCDF94
≈ Lively Laugh
Triadico +120° +240°
- FAD28F
Sunbathed Beach
- 86ECF1
≈ Bath Water
- F4C5FF
≈ Aquarelle Lilac
Complementare divisa +150° +210°
- FAD28F
Sunbathed Beach
- A8E2FF
≈ Ganon Blue
- D7D2FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- FAD28F
Sunbathed Beach
- 96EDCF
≈ Nightly Aurora
- C3DAFF
≈ Broad Daylight
- FFC5DF
≈ Sweet Romance
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.68:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.68:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--sunbathed-beach: #fad28f;
--sunbathed-beach-rgb: 250 210 143;
--sunbathed-beach-oklch: oklch(0.883 0.096 79.9);
}
.element {
color: var(--sunbathed-beach);
background-color: hsl(38 91% 77%);
border-color: oklch(0.883 0.096 79.9);
}Tailwind CSS v4
@theme {
--color-sunbathed-beach: #fad28f;
--color-sunbathed-beach-50: #fff3d7;
--color-sunbathed-beach-100: #f8e5c4;
--color-sunbathed-beach-200: #e9d1a6;
--color-sunbathed-beach-300: #d0b37f;
--color-sunbathed-beach-400: #bc985a;
--color-sunbathed-beach-500: #a77e32;
--color-sunbathed-beach-600: #8d6b2c;
--color-sunbathed-beach-700: #715623;
--color-sunbathed-beach-800: #553e18;
--color-sunbathed-beach-900: #3b2b0f;
--color-sunbathed-beach-950: #251803;
}SCSS
$sunbathed-beach: #fad28f;
$sunbathed-beach-rgb: 250, 210, 143;
$sunbathed-beach-light: mix(#fff, $sunbathed-beach, 20%);
$sunbathed-beach-dark: mix(#000, $sunbathed-beach, 20%);
.element {
color: $sunbathed-beach;
box-shadow: 0 0 0 2px rgba($sunbathed-beach, 0.35);
}