En yakın adlandırılmış renk · #FFF7E3
#FFF7E3
En yakın adlandırılmış renk: Crème de Pêche
#FFF7E3 (rgb(255 247 227), hsl(43 100% 95%), oklch(0.977 0.028 88.7)) en çok Crème de Pêche 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.
#FFF7E3
oklch(0.977 0.028 88.7)
Renk dönüşümleri
- HEX
- #fff7e3
- RGB
- rgb(255 247 227)
- HSL
- hsl(43 100% 95%)
- HWB
- hwb(43 89% 0%)
- OKLCH
- oklch(0.977 0.028 88.7)
- OKLab
- oklab(0.977 0.001 0.028)
- CIE Lab
- lab(97.46 0.32 10.65)
- LCH
- lch(97.46 10.66 88.3)
- CMYK
- cmyk(0% 3% 11% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFF8E6
- FFF9E9
- FFF9EB
- FFFAEE
- FFFBF1
- FFFCF4
- FFFDF7
- FFFDF9
- FFFEFC
Koyu tonlar
- DED7C5
- BEB7A8
- 9E998C
- 807C71
- 636057
- 48453F
- 2E2C27
- 161512
- 030303
Gri tonlar
- F2EAD9
- E4DECE
- D7D2C4
- CAC6BA
- BEBAB0
- B1AEA6
- A4A29D
- 989793
- 8C8B89
Renk uyumları
Tamamlayıcı +180°
- FFF7E3
Crème de Pêche
- F4F7FF
≈ Mā White
Analog -30° +30°
- FFF7E3
Crème de Pêche
- FFF5EF
≈ Seashell
- F5FAE6
≈ Bean Sprout
Üçlü +120° +240°
- FFF7E3
Crème de Pêche
- E8FCFF
≈ Placebo Sky
- FFF3FE
≈ Pinkish White
Bölünmüş tamamlayıcı +150° +210°
- FFF7E3
Crème de Pêche
- F0F9FF
≈ Alice Blue
- F8F6FF
≈ Sugar Crystal
Dörtlü +90° +180° +270°
- FFF7E3
Crème de Pêche
- E5FEF8
≈ Placebo Turquoise
- F4F7FF
≈ Mā White
- FFF4F7
≈ Sea Salt Sherbet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.06:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.66:1 · APCA Lc 103
En iyi metin rengi: #000000
WCAG 19.66:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
CSS
:root {
--creme-de-peche: #fff7e3;
--creme-de-peche-rgb: 255 247 227;
--creme-de-peche-oklch: oklch(0.977 0.028 88.7);
}
.element {
color: var(--creme-de-peche);
background-color: hsl(43 100% 95%);
border-color: oklch(0.977 0.028 88.7);
}Tailwind CSS v4
@theme {
--color-creme-de-peche: #fff7e3;
--color-creme-de-peche-50: #f8f5ec;
--color-creme-de-peche-100: #ebe8de;
--color-creme-de-peche-200: #d8d4c7;
--color-creme-de-peche-300: #bdb7a8;
--color-creme-de-peche-400: #a59e8c;
--color-creme-de-peche-500: #8e8672;
--color-creme-de-peche-600: #787160;
--color-creme-de-peche-700: #605a4d;
--color-creme-de-peche-800: #464238;
--color-creme-de-peche-900: #312d26;
--color-creme-de-peche-950: #1d1a14;
}SCSS
$creme-de-peche: #fff7e3;
$creme-de-peche-rgb: 255, 247, 227;
$creme-de-peche-light: mix(#fff, $creme-de-peche, 20%);
$creme-de-peche-dark: mix(#000, $creme-de-peche, 20%);
.element {
color: $creme-de-peche;
box-shadow: 0 0 0 2px rgba($creme-de-peche, 0.35);
}