Cor nomeada · #FDD7CA
Shell Tint
Shell Tint é #FDD7CA: rgb(253 215 202), hsl(15 93% 89%), oklch(0.908 0.046 39.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Shell Tint color name →
#FDD7CA
oklch(0.908 0.046 39.8)
Conversões de cor
- HEX
- #fdd7ca
- RGB
- rgb(253 215 202)
- HSL
- hsl(15 93% 89%)
- HWB
- hwb(15 79% 1%)
- OKLCH
- oklch(0.908 0.046 39.8)
- OKLab
- oklab(0.908 0.036 0.03)
- CIE Lab
- lab(88.99 12.23 11.62)
- LCH
- lch(88.99 16.87 43.5)
- CMYK
- cmyk(0% 15% 20% 1%)
Tons claros · Sombras · Tons
Tons claros
- FDDBCF
- FEDFD5
- FEE3DA
- FEE7DF
- FFEBE4
- FFEFEA
- FFF3EF
- FFF7F4
- FFFBFA
Sombras
- DCBBAF
- BC9F95
- 9D857C
- 7F6B64
- 62524D
- 473B37
- 2D2522
- 16110F
- 030202
Tons
- F0CEC2
- E3C5BB
- D6BCB3
- C9B3AC
- BDABA4
- B0A29D
- A49996
- 98918E
- 8C8887
Harmonias de cor
Complementar +180°
- FDD7CA
Shell Tint
- C0E8F6
≈ Icy Landscape
Análoga -30° +30°
- FDD7CA
Shell Tint
- FED5DA
≈ No Need to Blush
- F5DCC0
≈ Buenos Aires
Tríade +120° +240°
- FDD7CA
Shell Tint
- C7EBD6
≈ Glacial Water Green
- DADEFF
≈ Transparent Blue
Complementar dividida +150° +210°
- FDD7CA
Shell Tint
- BEEBE7
≈ Luxor Blue
- CAE4FF
≈ Fresh Water
Tétrade +90° +180° +270°
- FDD7CA
Shell Tint
- D7E7C7
≈ Flower Bulb
- C0E8F6
≈ Icy Landscape
- EAD9F8
≈ Pouty Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.74:1 · APCA Lc 87
Melhor cor de texto: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--shell-tint: #fdd7ca;
--shell-tint-rgb: 253 215 202;
--shell-tint-oklch: oklch(0.908 0.046 39.8);
}
.element {
color: var(--shell-tint);
background-color: hsl(15 93% 89%);
border-color: oklch(0.908 0.046 39.8);
}Tailwind CSS v4
@theme {
--color-shell-tint: #fdd7ca;
--color-shell-tint-50: #fff1eb;
--color-shell-tint-100: #f6e3dc;
--color-shell-tint-200: #e7cec5;
--color-shell-tint-300: #cdb0a5;
--color-shell-tint-400: #b7968a;
--color-shell-tint-500: #a27c6f;
--color-shell-tint-600: #89695e;
--color-shell-tint-700: #6e544b;
--color-shell-tint-800: #513d37;
--color-shell-tint-900: #382a25;
--color-shell-tint-950: #231714;
}SCSS
$shell-tint: #fdd7ca;
$shell-tint-rgb: 253, 215, 202;
$shell-tint-light: mix(#fff, $shell-tint, 20%);
$shell-tint-dark: mix(#000, $shell-tint, 20%);
.element {
color: $shell-tint;
box-shadow: 0 0 0 2px rgba($shell-tint, 0.35);
}