En yakın adlandırılmış renk · #FAD1C7
#FAD1C7
En yakın adlandırılmış renk: Cloud Number Nine
#FAD1C7 (rgb(250 209 199), hsl(12 84% 88%), oklch(0.893 0.048 34)) en çok Cloud Number Nine adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FAD1C7
oklch(0.893 0.048 34)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBD6CD
- FBDAD2
- FCDFD8
- FDE3DD
- FDE8E3
- FEEDE8
- FEF1EE
- FEF6F4
- FFFAF9
Koyu tonlar
- D9B5AD
- BA9B93
- 9B817A
- 7D6862
- 61504C
- 463936
- 2D2321
- 15100E
- 030202
Gri tonlar
- EDC9C0
- E1C0B8
- D4B8B1
- C8B0AA
- BCA8A3
- AFA09C
- A39895
- 97908E
- 8C8887
Renk uyumları
Tamamlayıcı +180°
- FAD1C7
Cloud Number Nine
- B8E5EF
≈ Early Forget-Me-Not
Analog -30° +30°
- FAD1C7
Cloud Number Nine
- F9CFD8
≈ April Blush
- F3D6BB
≈ Pulled Taffy
Üçlü +120° +240°
- FAD1C7
Cloud Number Nine
- C4E6CD
≈ Granny Apple
- D1DAFD
≈ Icy Plains
Bölünmüş tamamlayıcı +150° +210°
- FAD1C7
Cloud Number Nine
- B9E7DF
≈ Ice Cap Green
- C1E0FA
≈ Dithered Sky
Dörtlü +90° +180° +270°
- FAD1C7
Cloud Number Nine
- D5E2BF
≈ Irish Folklore
- B8E5EF
≈ Early Forget-Me-Not
- E2D4F7
≈ Japan Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.39:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.00:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
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);
}