Cor nomeada · #FBCAAD
Bleached Apricot
Bleached Apricot é #FBCAAD: rgb(251 202 173), hsl(22 91% 83%), oklch(0.875 0.068 52.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Bleached Apricot color name →
#FBCAAD
oklch(0.875 0.068 52.2)
Conversões de cor
- HEX
- #fbcaad
- RGB
- rgb(251 202 173)
- HSL
- hsl(22 91% 83%)
- HWB
- hwb(22 68% 2%)
- OKLCH
- oklch(0.875 0.068 52.2)
- OKLab
- oklab(0.875 0.042 0.054)
- CIE Lab
- lab(85.17 14.99 21.46)
- LCH
- lch(85.17 26.17 55.1)
- CMYK
- cmyk(0% 20% 31% 2%)
Tons claros · Sombras · Tons
Tons claros
- FCCFB5
- FCD5BD
- FDDAC6
- FDDFCE
- FEE5D6
- FEEADE
- FFEFE6
- FFF4EF
- FFFAF7
Sombras
- DAAF96
- BA957F
- 9C7C6A
- 7E6455
- 614D41
- 46372D
- 2D221B
- 150F0B
- 030201
Tons
- EEC2A9
- E2BBA4
- D5B3A0
- C9AC9B
- BCA597
- B09D92
- A4968E
- 988E89
- 8C8785
Harmonias de cor
Complementar +180°
- FBCAAD
Bleached Apricot
- A9DEFB
≈ Droplet
Análoga -30° +30°
- FBCAAD
Bleached Apricot
- FFC5C2
≈ Cinderella Pink
- ECD2A3
≈ Crossroads
Tríade +120° +240°
- FBCAAD
Bleached Apricot
- A8E5D1
≈ Botanical Tint
- D6CEFF
≈ Pale Lavender
Complementar dividida +150° +210°
- FBCAAD
Bleached Apricot
- A0E4E9
≈ Blizzard Blue
- C0D7FF
≈ Pale Phthalo Blue
Tétrade +90° +180° +270°
- FBCAAD
Bleached Apricot
- BDE2B9
≈ Lime Sorbet
- A9DEFB
≈ Droplet
- ECC7F1
≈ Purple’s Baby Sister
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre preto
WCAG 14.15:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 14.15:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--bleached-apricot: #fbcaad;
--bleached-apricot-rgb: 251 202 173;
--bleached-apricot-oklch: oklch(0.875 0.068 52.2);
}
.element {
color: var(--bleached-apricot);
background-color: hsl(22 91% 83%);
border-color: oklch(0.875 0.068 52.2);
}Tailwind CSS v4
@theme {
--color-bleached-apricot: #fbcaad;
--color-bleached-apricot-50: #fff1e3;
--color-bleached-apricot-100: #fbe2d3;
--color-bleached-apricot-200: #eccdb9;
--color-bleached-apricot-300: #d4af97;
--color-bleached-apricot-400: #c09479;
--color-bleached-apricot-500: #ab795c;
--color-bleached-apricot-600: #90674e;
--color-bleached-apricot-700: #74523e;
--color-bleached-apricot-800: #563c2d;
--color-bleached-apricot-900: #3c291e;
--color-bleached-apricot-950: #26170e;
}SCSS
$bleached-apricot: #fbcaad;
$bleached-apricot-rgb: 251, 202, 173;
$bleached-apricot-light: mix(#fff, $bleached-apricot, 20%);
$bleached-apricot-dark: mix(#000, $bleached-apricot, 20%);
.element {
color: $bleached-apricot;
box-shadow: 0 0 0 2px rgba($bleached-apricot, 0.35);
}