Màu có tên · #F2C8BE
Prairie Rose
Prairie Rose là #F2C8BE: rgb(242 200 190), hsl(12 67% 85%), oklch(0.866 0.05 33.6). 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? → · Prairie Rose color name →
#F2C8BE
oklch(0.866 0.05 33.6)
Chuyển đổi màu
- HEX
- #f2c8be
- RGB
- rgb(242 200 190)
- HSL
- hsl(12 67% 85%)
- HWB
- hwb(12 75% 5%)
- OKLCH
- oklch(0.866 0.05 33.6)
- OKLab
- oklab(0.866 0.042 0.028)
- CIE Lab
- lab(84.11 14.25 10.9)
- LCH
- lch(84.11 17.94 37.4)
- CMYK
- cmyk(0% 17% 21% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F4CDC4
- F5D3CB
- F6D8D1
- F8DED8
- F9E3DE
- FAE9E5
- FCEEEB
- FDF4F2
- FEF9F8
Sắc đậm
- D2AEA5
- B4948C
- 967B75
- 79635E
- 5E4C48
- 433633
- 2B211F
- 140F0D
- 030202
Sắc xám
- E6C1B8
- DAB9B1
- CFB2AB
- C3ABA5
- B8A39F
- AC9C98
- A19592
- 968E8C
- 8B8786
Hòa sắc
Bổ túc +180°
- F2C8BE
Prairie Rose
- AEDCE7
≈ Light Washed Blue
Tương đồng -30° +30°
- F2C8BE
Prairie Rose
- F1C6CF
≈ Oh so Pink
- EBCDB2
≈ Sandpoint
Bộ ba +120° +240°
- F2C8BE
Prairie Rose
- BBDDC4
≈ Sprite Twist
- C8D1F5
≈ Frozen Periwinkle
Bổ túc chia +150° +210°
- F2C8BE
Prairie Rose
- AFDED6
≈ Jaded Clouds
- B8D8F2
≈ Blue Rice
Bộ bốn +90° +180° +270°
- F2C8BE
Prairie Rose
- CCD9B5
≈ Vintage Glass
- AEDCE7
≈ Light Washed Blue
- DACCEF
≈ Plum’s the Word
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.52:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.78:1 · APCA Lc 79
Màu chữ tốt nhất: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--prairie-rose: #f2c8be;
--prairie-rose-rgb: 242 200 190;
--prairie-rose-oklch: oklch(0.866 0.05 33.6);
}
.element {
color: var(--prairie-rose);
background-color: hsl(12 67% 85%);
border-color: oklch(0.866 0.05 33.6);
}Tailwind CSS v4
@theme {
--color-prairie-rose: #f2c8be;
--color-prairie-rose-50: #fff1ec;
--color-prairie-rose-100: #f8e2dd;
--color-prairie-rose-200: #e9cdc6;
--color-prairie-rose-300: #cfafa6;
--color-prairie-rose-400: #ba948b;
--color-prairie-rose-500: #a57b71;
--color-prairie-rose-600: #8b6860;
--color-prairie-rose-700: #6f534c;
--color-prairie-rose-800: #523c38;
--color-prairie-rose-900: #392926;
--color-prairie-rose-950: #241714;
}SCSS
$prairie-rose: #f2c8be;
$prairie-rose-rgb: 242, 200, 190;
$prairie-rose-light: mix(#fff, $prairie-rose, 20%);
$prairie-rose-dark: mix(#000, $prairie-rose, 20%);
.element {
color: $prairie-rose;
box-shadow: 0 0 0 2px rgba($prairie-rose, 0.35);
}