Màu có tên gần nhất · #FFCEC6
#FFCEC6
Màu có tên gần nhất: Cloud Number Nine
#FFCEC6 (rgb(255 206 198), hsl(8 100% 89%), oklch(0.892 0.057 29)) 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.
#FFCEC6
oklch(0.892 0.057 29)
Chuyển đổi màu
- HEX
- #ffcec6
- RGB
- rgb(255 206 198)
- HSL
- hsl(8 100% 89%)
- HWB
- hwb(8 78% 0%)
- OKLCH
- oklch(0.892 0.057 29)
- OKLab
- oklab(0.892 0.05 0.028)
- CIE Lab
- lab(86.96 16.97 10.89)
- LCH
- lch(86.96 20.17 32.7)
- CMYK
- cmyk(0% 19% 22% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFD3CC
- FFD8D1
- FFDDD7
- FFE2DD
- FFE7E2
- FFEBE8
- FFF0EE
- FFF5F3
- FFFAF9
Sắc đậm
- DEB3AC
- BE9892
- 9E7F7A
- 806662
- 634E4B
- 483835
- 2E2321
- 160F0E
- 030202
Sắc xám
- F2C6BF
- E5BEB8
- D8B6B1
- CBAEA9
- BEA6A2
- B19F9B
- A59795
- 998F8E
- 8C8887
Hòa sắc
Bổ túc +180°
- FFCEC6
Cloud Number Nine
- B0E6F0
≈ Uranus
Tương đồng -30° +30°
- FFCEC6
Cloud Number Nine
- FCCCDA
≈ Linnet Egg Red
- F9D3B7
≈ Tender Peach
Bộ ba +120° +240°
- FFCEC6
Cloud Number Nine
- C2E6C7
≈ Wintergreen Mint
- CDDBFF
≈ Arc Light
Bổ túc chia +150° +210°
- FFCEC6
Cloud Number Nine
- B3E8DC
≈ Ice Cap Green
- BAE1FD
≈ Dithered Sky
Bộ bốn +90° +180° +270°
- FFCEC6
Cloud Number Nine
- D7E1B7
≈ Fern Shadow
- B0E6F0
≈ Uranus
- E0D4FD
≈ Pale Lavender
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.40:1 · APCA Lc 20
Ag
AAATrên nền đen
WCAG 14.89:1 · APCA Lc 84
Màu chữ tốt nhất: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--cloud-number-nine: #ffcec6;
--cloud-number-nine-rgb: 255 206 198;
--cloud-number-nine-oklch: oklch(0.892 0.057 29);
}
.element {
color: var(--cloud-number-nine);
background-color: hsl(8 100% 89%);
border-color: oklch(0.892 0.057 29);
}Tailwind CSS v4
@theme {
--color-cloud-number-nine: #ffcec6;
--color-cloud-number-nine-50: #fff0eb;
--color-cloud-number-nine-100: #fae1dc;
--color-cloud-number-nine-200: #ecccc6;
--color-cloud-number-nine-300: #d3ada6;
--color-cloud-number-nine-400: #be928b;
--color-cloud-number-nine-500: #a97871;
--color-cloud-number-nine-600: #8f665f;
--color-cloud-number-nine-700: #72514c;
--color-cloud-number-nine-800: #553b38;
--color-cloud-number-nine-900: #3b2826;
--color-cloud-number-nine-950: #251614;
}SCSS
$cloud-number-nine: #ffcec6;
$cloud-number-nine-rgb: 255, 206, 198;
$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);
}