Cor nomeada · #FBC6B6
Salmon Beauty
Salmon Beauty é #FBC6B6: rgb(251 198 182), hsl(14 90% 85%), oklch(0.869 0.065 37.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Salmon Beauty color name →
#FBC6B6
oklch(0.869 0.065 37.5)
Conversões de cor
- HEX
- #fbc6b6
- RGB
- rgb(251 198 182)
- HSL
- hsl(14 90% 85%)
- HWB
- hwb(14 71% 2%)
- OKLCH
- oklch(0.869 0.065 37.5)
- OKLab
- oklab(0.869 0.051 0.039)
- CIE Lab
- lab(84.37 17.82 15.64)
- LCH
- lch(84.37 23.71 41.3)
- CMYK
- cmyk(0% 21% 27% 2%)
Tons claros · Sombras · Tons
Tons claros
- FCCCBD
- FCD1C4
- FDD7CC
- FEDDD3
- FEE3DA
- FEE8E2
- FFEEE9
- FFF4F0
- FFF9F8
Sombras
- DAAC9E
- BA9286
- 9C7A6F
- 7E6259
- 614B44
- 463530
- 2D211D
- 150E0C
- 030202
Tons
- EEBFB1
- E2B8AB
- D5B1A6
- C9AAA0
- BCA39B
- B09C95
- A49590
- 988E8B
- 8C8785
Harmonias de cor
Complementar +180°
- FBC6B6
Salmon Beauty
- A4DFF0
≈ Non-Photo Blue
Análoga -30° +30°
- FBC6B6
Salmon Beauty
- FBC3CC
≈ Rose Shadow
- F1CDA7
≈ Masala Chai
Tríade +120° +240°
- FBC6B6
Salmon Beauty
- B1E2C4
≈ Fabulous Find
- C9D1FF
≈ Pale Phthalo Blue
Complementar dividida +150° +210°
- FBC6B6
Salmon Beauty
- A3E2DB
≈ Spinnaker
- B3D9FD
≈ Oh Boy!
Tétrade +90° +180° +270°
- FBC6B6
Salmon Beauty
- C8DDAF
≈ White Vienna
- A4DFF0
≈ Non-Photo Blue
- DFC9F6
≈ Foggy Heath
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.85:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--salmon-beauty: #fbc6b6;
--salmon-beauty-rgb: 251 198 182;
--salmon-beauty-oklch: oklch(0.869 0.065 37.5);
}
.element {
color: var(--salmon-beauty);
background-color: hsl(14 90% 85%);
border-color: oklch(0.869 0.065 37.5);
}Tailwind CSS v4
@theme {
--color-salmon-beauty: #fbc6b6;
--color-salmon-beauty-50: #ffefe8;
--color-salmon-beauty-100: #fce1d8;
--color-salmon-beauty-200: #eeccc0;
--color-salmon-beauty-300: #d6ad9f;
--color-salmon-beauty-400: #c19283;
--color-salmon-beauty-500: #ac7767;
--color-salmon-beauty-600: #926558;
--color-salmon-beauty-700: #755146;
--color-salmon-beauty-800: #563a33;
--color-salmon-beauty-900: #3c2823;
--color-salmon-beauty-950: #261612;
}SCSS
$salmon-beauty: #fbc6b6;
$salmon-beauty-rgb: 251, 198, 182;
$salmon-beauty-light: mix(#fff, $salmon-beauty, 20%);
$salmon-beauty-dark: mix(#000, $salmon-beauty, 20%);
.element {
color: $salmon-beauty;
box-shadow: 0 0 0 2px rgba($salmon-beauty, 0.35);
}