En yakın adlandırılmış renk · #FFD8B9
#FFD8B9
En yakın adlandırılmış renk: Gentle Caress
#FFD8B9 (rgb(255 216 185), hsl(27 100% 86%), oklch(0.907 0.06 60.4)) en çok Gentle Caress 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.
#FFD8B9
oklch(0.907 0.06 60.4)
Renk dönüşümleri
- HEX
- #ffd8b9
- RGB
- rgb(255 216 185)
- HSL
- hsl(27 100% 86%)
- HWB
- hwb(27 73% 0%)
- OKLCH
- oklch(0.907 0.06 60.4)
- OKLab
- oklab(0.907 0.03 0.052)
- CIE Lab
- lab(89.12 10.76 20.66)
- LCH
- lch(89.12 23.3 62.5)
- CMYK
- cmyk(0% 15% 27% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFDCC0
- FFE0C7
- FFE4CE
- FFE8D5
- FFECDC
- FFF0E3
- FFF3EA
- FFF7F1
- FFFBF8
Koyu tonlar
- DEBCA0
- BEA089
- 9E8571
- 806B5B
- 635346
- 483B31
- 2E251E
- 16110D
- 030202
Gri tonlar
- F2CFB3
- E5C6AE
- D8BDA8
- CBB4A2
- BEAB9C
- B1A297
- A59A91
- 98918B
- 8C8886
Renk uyumları
Tamamlayıcı +180°
- FFD8B9
Gentle Caress
- C4E6FF
≈ Icy Landscape
Analog -30° +30°
- FFD8B9
Gentle Caress
- FFD5CE
≈ Bleached Coral
- F0E0B4
≈ Calla
Üçlü +120° +240°
- FFD8B9
Gentle Caress
- B5EEE2
≈ East Cape
- E6D9FF
≈ Transparent Blue
Bölünmüş tamamlayıcı +150° +210°
- FFD8B9
Gentle Caress
- B3ECF7
≈ Beyond the Clouds
- D5E0FF
≈ Contrail
Dörtlü +90° +180° +270°
- FFD8B9
Gentle Caress
- C5ECCC
≈ Lost Lace
- C4E6FF
≈ Icy Landscape
- F8D3F3
≈ Shampoo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.77:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.77:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--gentle-caress: #ffd8b9;
--gentle-caress-rgb: 255 216 185;
--gentle-caress-oklch: oklch(0.907 0.06 60.4);
}
.element {
color: var(--gentle-caress);
background-color: hsl(27 100% 86%);
border-color: oklch(0.907 0.06 60.4);
}Tailwind CSS v4
@theme {
--color-gentle-caress: #ffd8b9;
--color-gentle-caress-50: #fff2e4;
--color-gentle-caress-100: #f7e4d4;
--color-gentle-caress-200: #e8cfbb;
--color-gentle-caress-300: #ceb198;
--color-gentle-caress-400: #b9977b;
--color-gentle-caress-500: #a47d5d;
--color-gentle-caress-600: #8b6a4f;
--color-gentle-caress-700: #6f553f;
--color-gentle-caress-800: #523d2e;
--color-gentle-caress-900: #392a1f;
--color-gentle-caress-950: #24180f;
}SCSS
$gentle-caress: #ffd8b9;
$gentle-caress-rgb: 255, 216, 185;
$gentle-caress-light: mix(#fff, $gentle-caress, 20%);
$gentle-caress-dark: mix(#000, $gentle-caress, 20%);
.element {
color: $gentle-caress;
box-shadow: 0 0 0 2px rgba($gentle-caress, 0.35);
}