Màu có tên · #FDD7CA
Shell Tint
Shell Tint là #FDD7CA: rgb(253 215 202), hsl(15 93% 89%), oklch(0.908 0.046 39.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · Shell Tint color name →
#FDD7CA
oklch(0.908 0.046 39.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FDDBCF
- FEDFD5
- FEE3DA
- FEE7DF
- FFEBE4
- FFEFEA
- FFF3EF
- FFF7F4
- FFFBFA
Sắc đậm
- DCBBAF
- BC9F95
- 9D857C
- 7F6B64
- 62524D
- 473B37
- 2D2522
- 16110F
- 030202
Sắc xám
- F0CEC2
- E3C5BB
- D6BCB3
- C9B3AC
- BDABA4
- B0A29D
- A49996
- 98918E
- 8C8887
Hòa sắc
Bổ túc +180°
- FDD7CA
Shell Tint
- C0E8F6
≈ Icy Landscape
Tương đồng -30° +30°
- FDD7CA
Shell Tint
- FED5DA
≈ No Need to Blush
- F5DCC0
≈ Buenos Aires
Bộ ba +120° +240°
- FDD7CA
Shell Tint
- C7EBD6
≈ Glacial Water Green
- DADEFF
≈ Transparent Blue
Bổ túc chia +150° +210°
- FDD7CA
Shell Tint
- BEEBE7
≈ Luxor Blue
- CAE4FF
≈ Fresh Water
Bộ bốn +90° +180° +270°
- FDD7CA
Shell Tint
- D7E7C7
≈ Flower Bulb
- C0E8F6
≈ Icy Landscape
- EAD9F8
≈ Pouty Purple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.33:1 · APCA Lc 16
Ag
AAATrên nền đen
WCAG 15.74:1 · APCA Lc 87
Màu chữ tốt nhất: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
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);
}