Màu có tên gần nhất · #FAD1C7
#FAD1C7
Màu có tên gần nhất: Cloud Number Nine
#FAD1C7 (rgb(250 209 199), hsl(12 84% 88%), oklch(0.893 0.048 34)) gần nhất với màu có tên Cloud Number Nine. 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.
#FAD1C7
oklch(0.893 0.048 34)
Chuyển đổi màu
- HEX
- #fad1c7
- RGB
- rgb(250 209 199)
- HSL
- hsl(12 84% 88%)
- HWB
- hwb(12 78% 2%)
- OKLCH
- oklch(0.893 0.048 34)
- OKLab
- oklab(0.893 0.04 0.027)
- CIE Lab
- lab(87.21 13.74 10.64)
- LCH
- lch(87.21 17.38 37.8)
- CMYK
- cmyk(0% 16% 20% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBD6CD
- FBDAD2
- FCDFD8
- FDE3DD
- FDE8E3
- FEEDE8
- FEF1EE
- FEF6F4
- FFFAF9
Sắc đậm
- D9B5AD
- BA9B93
- 9B817A
- 7D6862
- 61504C
- 463936
- 2D2321
- 15100E
- 030202
Sắc xám
- EDC9C0
- E1C0B8
- D4B8B1
- C8B0AA
- BCA8A3
- AFA09C
- A39895
- 97908E
- 8C8887
Hòa sắc
Bổ túc +180°
- FAD1C7
Cloud Number Nine
- B8E5EF
≈ Early Forget-Me-Not
Tương đồng -30° +30°
- FAD1C7
Cloud Number Nine
- F9CFD8
≈ April Blush
- F3D6BB
≈ Pulled Taffy
Bộ ba +120° +240°
- FAD1C7
Cloud Number Nine
- C4E6CD
≈ Granny Apple
- D1DAFD
≈ Icy Plains
Bổ túc chia +150° +210°
- FAD1C7
Cloud Number Nine
- B9E7DF
≈ Ice Cap Green
- C1E0FA
≈ Dithered Sky
Bộ bốn +90° +180° +270°
- FAD1C7
Cloud Number Nine
- D5E2BF
≈ Irish Folklore
- B8E5EF
≈ Early Forget-Me-Not
- E2D4F7
≈ Japan Blush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.39:1 · APCA Lc 19
Ag
AAATrên nền đen
WCAG 15.00:1 · APCA Lc 84
Màu chữ tốt nhất: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--cloud-number-nine: #fad1c7;
--cloud-number-nine-rgb: 250 209 199;
--cloud-number-nine-oklch: oklch(0.893 0.048 34);
}
.element {
color: var(--cloud-number-nine);
background-color: hsl(12 84% 88%);
border-color: oklch(0.893 0.048 34);
}Tailwind CSS v4
@theme {
--color-cloud-number-nine: #fad1c7;
--color-cloud-number-nine-50: #fff1ec;
--color-cloud-number-nine-100: #f7e3dd;
--color-cloud-number-nine-200: #e8cec6;
--color-cloud-number-nine-300: #cfafa7;
--color-cloud-number-nine-400: #b9958c;
--color-cloud-number-nine-500: #a47b71;
--color-cloud-number-nine-600: #8a6860;
--color-cloud-number-nine-700: #6f534d;
--color-cloud-number-nine-800: #523c38;
--color-cloud-number-nine-900: #392926;
--color-cloud-number-nine-950: #231715;
}SCSS
$cloud-number-nine: #fad1c7;
$cloud-number-nine-rgb: 250, 209, 199;
$cloud-number-nine-light: mix(#fff, $cloud-number-nine, 20%);
$cloud-number-nine-dark: mix(#000, $cloud-number-nine, 20%);
.element {
color: $cloud-number-nine;
box-shadow: 0 0 0 2px rgba($cloud-number-nine, 0.35);
}