Màu có tên gần nhất · #FFD1C9
#FFD1C9
Màu có tên gần nhất: Cloud Number Nine
#FFD1C9 (rgb(255 209 201), hsl(9 100% 89%), oklch(0.898 0.053 29.6)) 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.
#FFD1C9
oklch(0.898 0.053 29.6)
Chuyển đổi màu
- HEX
- #ffd1c9
- RGB
- rgb(255 209 201)
- HSL
- hsl(9 100% 89%)
- HWB
- hwb(9 79% 0%)
- OKLCH
- oklch(0.898 0.053 29.6)
- OKLab
- oklab(0.898 0.046 0.026)
- CIE Lab
- lab(87.73 15.81 10.4)
- LCH
- lch(87.73 18.92 33.3)
- CMYK
- cmyk(0% 18% 21% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFD6CE
- FFDAD4
- FFDFD9
- FFE3DE
- FFE8E4
- FFEDE9
- FFF1EF
- FFF6F4
- FFFAFA
Sắc đậm
- DEB5AE
- BE9B95
- 9E817C
- 806864
- 63504C
- 483936
- 2E2322
- 16100F
- 030202
Sắc xám
- F2C9C1
- E5C0BA
- D8B8B3
- CBB0AB
- BEA8A4
- B1A09D
- A59895
- 98908E
- 8C8887
Hòa sắc
Bổ túc +180°
- FFD1C9
Cloud Number Nine
- B5E8F1
≈ First of July
Tương đồng -30° +30°
- FFD1C9
Cloud Number Nine
- FDCFDC
≈ Bologna Sausage
- F9D6BB
≈ Beyond the Pale
Bộ ba +120° +240°
- FFD1C9
Cloud Number Nine
- C6E8CB
≈ Granny Apple
- D0DDFF
≈ Arc Light
Bổ túc chia +150° +210°
- FFD1C9
Cloud Number Nine
- B8EADE
≈ Barely Aqua
- BEE3FE
≈ Dithered Sky
Bộ bốn +90° +180° +270°
- FFD1C9
Cloud Number Nine
- D9E3BC
≈ Cardamom Fragrance
- B5E8F1
≈ First of July
- E2D6FC
≈ Japan Blush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.38:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.21:1 · APCA Lc 85
Màu chữ tốt nhất: #000000
WCAG 15.21:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--cloud-number-nine: #ffd1c9;
--cloud-number-nine-rgb: 255 209 201;
--cloud-number-nine-oklch: oklch(0.898 0.053 29.6);
}
.element {
color: var(--cloud-number-nine);
background-color: hsl(9 100% 89%);
border-color: oklch(0.898 0.053 29.6);
}Tailwind CSS v4
@theme {
--color-cloud-number-nine: #ffd1c9;
--color-cloud-number-nine-50: #fff0ec;
--color-cloud-number-nine-100: #f9e2dd;
--color-cloud-number-nine-200: #eaccc6;
--color-cloud-number-nine-300: #d1aea7;
--color-cloud-number-nine-400: #bc938c;
--color-cloud-number-nine-500: #a77972;
--color-cloud-number-nine-600: #8d6760;
--color-cloud-number-nine-700: #71524d;
--color-cloud-number-nine-800: #533b38;
--color-cloud-number-nine-900: #3a2926;
--color-cloud-number-nine-950: #241715;
}SCSS
$cloud-number-nine: #ffd1c9;
$cloud-number-nine-rgb: 255, 209, 201;
$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);
}