Color con nombre · #F2BDA8
Sun-Kissed Apricot
Sun-Kissed Apricot es #F2BDA8: rgb(242 189 168), hsl(17 74% 80%), oklch(0.841 0.068 42.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Sun-Kissed Apricot color name →
#F2BDA8
oklch(0.841 0.068 42.6)
Conversiones de color
- HEX
- #f2bda8
- RGB
- rgb(242 189 168)
- HSL
- hsl(17 74% 80%)
- HWB
- hwb(17 66% 5%)
- OKLCH
- oklch(0.841 0.068 42.6)
- OKLab
- oklab(0.841 0.05 0.046)
- CIE Lab
- lab(81.08 17.53 18.34)
- LCH
- lch(81.08 25.37 46.3)
- CMYK
- cmyk(0% 22% 31% 5%)
Tintes · Sombras · Tonos
Tintes
- F4C4B1
- F5CAB9
- F7D1C2
- F8D7CB
- FADED3
- FBE5DC
- FCEBE5
- FDF2ED
- FEF8F6
Sombras
- D2A492
- B48C7C
- 967467
- 795D52
- 5E473F
- 43332C
- 2B1F1A
- 140D0A
- 030201
Tonos
- E6B7A4
- DBB1A0
- CFAB9C
- C4A498
- B89E94
- AD9890
- A1928C
- 968C88
- 8B8684
Armonías de color
Complementario +180°
- F2BDA8
Sun-Kissed Apricot
- 9AD5EB
≈ Over the Sky
Análogo -30° +30°
- F2BDA8
Sun-Kissed Apricot
- F4B9BE
≈ Petals Unfolding
- E6C49A
≈ Faint Fawn
Triádico +120° +240°
- F2BDA8
Sun-Kissed Apricot
- A3D9BE
≈ Shanghai Jade
- C3C6F7
≈ Light Periwinkle
Complementario dividido +150° +210°
- F2BDA8
Sun-Kissed Apricot
- 96D9D6
≈ In the Shallows
- ACCEF7
≈ Alphabet Blue
Tetrádico +90° +180° +270°
- F2BDA8
Sun-Kissed Apricot
- BAD5A7
≈ Apple Cream
- 9AD5EB
≈ Over the Sky
- DABEEB
≈ Beefy Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre negro
WCAG 12.61:1 · APCA Lc 74
Mejor color de texto: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--sun-kissed-apricot: #f2bda8;
--sun-kissed-apricot-rgb: 242 189 168;
--sun-kissed-apricot-oklch: oklch(0.841 0.068 42.6);
}
.element {
color: var(--sun-kissed-apricot);
background-color: hsl(17 74% 80%);
border-color: oklch(0.841 0.068 42.6);
}Tailwind CSS v4
@theme {
--color-sun-kissed-apricot: #f2bda8;
--color-sun-kissed-apricot-50: #fff0e6;
--color-sun-kissed-apricot-100: #fde1d6;
--color-sun-kissed-apricot-200: #eeccbd;
--color-sun-kissed-apricot-300: #d6ad9b;
--color-sun-kissed-apricot-400: #c2927f;
--color-sun-kissed-apricot-500: #ad7762;
--color-sun-kissed-apricot-600: #926553;
--color-sun-kissed-apricot-700: #755142;
--color-sun-kissed-apricot-800: #573a30;
--color-sun-kissed-apricot-900: #3d2821;
--color-sun-kissed-apricot-950: #261610;
}SCSS
$sun-kissed-apricot: #f2bda8;
$sun-kissed-apricot-rgb: 242, 189, 168;
$sun-kissed-apricot-light: mix(#fff, $sun-kissed-apricot, 20%);
$sun-kissed-apricot-dark: mix(#000, $sun-kissed-apricot, 20%);
.element {
color: $sun-kissed-apricot;
box-shadow: 0 0 0 2px rgba($sun-kissed-apricot, 0.35);
}