En yakın adlandırılmış renk · #F5ECE0
#F5ECE0
En yakın adlandırılmış renk: Fuji Peak
#F5ECE0 (rgb(245 236 224), hsl(34 51% 92%), oklch(0.947 0.019 75.3)) en çok Fuji Peak 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.
#F5ECE0
oklch(0.947 0.019 75.3)
Renk dönüşümleri
- HEX
- #f5ece0
- RGB
- rgb(245 236 224)
- HSL
- hsl(34 51% 92%)
- HWB
- hwb(34 88% 4%)
- OKLCH
- oklch(0.947 0.019 75.3)
- OKLab
- oklab(0.947 0.005 0.018)
- CIE Lab
- lab(93.87 1.64 6.98)
- LCH
- lch(93.87 7.17 76.7)
- CMYK
- cmyk(0% 4% 9% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6EEE3
- F7F0E6
- F8F2E9
- F9F4EC
- FAF5EF
- FBF7F3
- FCF9F6
- FDFBF9
- FEFDFC
Koyu tonlar
- D5CDC3
- B6AFA6
- 98928A
- 7B7670
- 5F5B56
- 44423E
- 2B2927
- 151312
- 030302
Gri tonlar
- E9E1D6
- DDD5CC
- D0CAC2
- C5BFB8
- B9B5AF
- ADAAA5
- A29F9C
- 969592
- 8B8A89
Renk uyumları
Tamamlayıcı +180°
- F5ECE0
Fuji Peak
- E5EEFA
≈ Cotton Boll
Analog -30° +30°
- F5ECE0
Fuji Peak
- F9EAE3
≈ Dogwood
- EFEEE0
≈ Pearl Onion
Üçlü +120° +240°
- F5ECE0
Fuji Peak
- E0F2F1
≈ Bone-Chilling
- F2EAF6
≈ Perfume Haze
Bölünmüş tamamlayıcı +150° +210°
- F5ECE0
Fuji Peak
- E1F0F7
≈ Diamond White
- ECECFA
≈ Placebo Purple
Dörtlü +90° +180° +270°
- F5ECE0
Fuji Peak
- E3F2EA
≈ Bath Bubbles
- E5EEFA
≈ Cotton Boll
- F7E9F0
≈ Snow Plum
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.16:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.95:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--fuji-peak: #f5ece0;
--fuji-peak-rgb: 245 236 224;
--fuji-peak-oklch: oklch(0.947 0.019 75.3);
}
.element {
color: var(--fuji-peak);
background-color: hsl(34 51% 92%);
border-color: oklch(0.947 0.019 75.3);
}Tailwind CSS v4
@theme {
--color-fuji-peak: #f5ece0;
--color-fuji-peak-50: #f8f5ef;
--color-fuji-peak-100: #ebe7e1;
--color-fuji-peak-200: #d9d3cc;
--color-fuji-peak-300: #bdb6ad;
--color-fuji-peak-400: #a59d93;
--color-fuji-peak-500: #8e8579;
--color-fuji-peak-600: #787066;
--color-fuji-peak-700: #605a52;
--color-fuji-peak-800: #46413b;
--color-fuji-peak-900: #312d29;
--color-fuji-peak-950: #1d1a17;
}SCSS
$fuji-peak: #f5ece0;
$fuji-peak-rgb: 245, 236, 224;
$fuji-peak-light: mix(#fff, $fuji-peak, 20%);
$fuji-peak-dark: mix(#000, $fuji-peak, 20%);
.element {
color: $fuji-peak;
box-shadow: 0 0 0 2px rgba($fuji-peak, 0.35);
}