Màu có tên · #FFCBC9
Tint of Rose
Tint of Rose là #FFCBC9: rgb(255 203 201), hsl(2 100% 89%), oklch(0.887 0.059 20.9). 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? → · Tint of Rose color name →
#FFCBC9
oklch(0.887 0.059 20.9)
Chuyển đổi màu
- HEX
- #ffcbc9
- RGB
- rgb(255 203 201)
- HSL
- hsl(2 100% 89%)
- HWB
- hwb(2 79% 0%)
- OKLCH
- oklch(0.887 0.059 20.9)
- OKLab
- oklab(0.887 0.055 0.021)
- CIE Lab
- lab(86.31 18.77 8.4)
- LCH
- lch(86.31 20.56 24.1)
- CMYK
- cmyk(0% 20% 21% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFD0CE
- FFD5D4
- FFDBD9
- FFE0DE
- FFE5E4
- FFEAE9
- FFEFEF
- FFF5F4
- FFFAFA
Sắc đậm
- DEB0AE
- BE9695
- 9E7D7C
- 806564
- 634D4C
- 483736
- 2E2222
- 160F0F
- 030202
Sắc xám
- F2C3C1
- E5BCBA
- D8B4B3
- CBACAB
- BEA5A4
- B29D9D
- A59695
- 998F8E
- 8C8787
Hòa sắc
Bổ túc +180°
- FFCBC9
Tint of Rose
- ACE6EA
≈ Uranus
Tương đồng -30° +30°
- FFCBC9
Tint of Rose
- FACADF
≈ Cherry Blush
- FBCFB7
≈ Ibis Pink
Bộ ba +120° +240°
- FFCBC9
Tint of Rose
- C5E4C0
≈ Sweet Menthol
- C6DBFF
≈ Arc Light
Bổ túc chia +150° +210°
- FFCBC9
Tint of Rose
- B3E7D4
≈ Ode to Green
- B3E2FA
≈ Fairy Sparkles
Bộ bốn +90° +180° +270°
- FFCBC9
Tint of Rose
- DBDEB1
≈ Timid Absinthe
- ACE6EA
≈ Uranus
- D9D4FF
≈ Pale Lavender
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.43:1 · APCA Lc 21
Ag
AAATrên nền đen
WCAG 14.63:1 · APCA Lc 83
Màu chữ tốt nhất: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--tint-of-rose: #ffcbc9;
--tint-of-rose-rgb: 255 203 201;
--tint-of-rose-oklch: oklch(0.887 0.059 20.9);
}
.element {
color: var(--tint-of-rose);
background-color: hsl(2 100% 89%);
border-color: oklch(0.887 0.059 20.9);
}Tailwind CSS v4
@theme {
--color-tint-of-rose: #ffcbc9;
--color-tint-of-rose-50: #ffefed;
--color-tint-of-rose-100: #fbe1df;
--color-tint-of-rose-200: #edcbc8;
--color-tint-of-rose-300: #d4aca9;
--color-tint-of-rose-400: #bf918f;
--color-tint-of-rose-500: #aa7775;
--color-tint-of-rose-600: #906563;
--color-tint-of-rose-700: #73504f;
--color-tint-of-rose-800: #553a3a;
--color-tint-of-rose-900: #3b2828;
--color-tint-of-rose-950: #251616;
}SCSS
$tint-of-rose: #ffcbc9;
$tint-of-rose-rgb: 255, 203, 201;
$tint-of-rose-light: mix(#fff, $tint-of-rose, 20%);
$tint-of-rose-dark: mix(#000, $tint-of-rose, 20%);
.element {
color: $tint-of-rose;
box-shadow: 0 0 0 2px rgba($tint-of-rose, 0.35);
}