Adlandırılmış renk · #FFD8BB
Durazno Palido
Durazno Palido, #FFD8BB: rgb(255 216 187), hsl(26 100% 87%), oklch(0.908 0.058 58.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Durazno Palido color name →
#FFD8BB
oklch(0.908 0.058 58.6)
Renk dönüşümleri
- HEX
- #ffd8bb
- RGB
- rgb(255 216 187)
- HSL
- hsl(26 100% 87%)
- HWB
- hwb(26 73% 0%)
- OKLCH
- oklch(0.908 0.058 58.6)
- OKLab
- oklab(0.908 0.03 0.05)
- CIE Lab
- lab(89.15 10.95 19.67)
- LCH
- lch(89.15 22.52 60.9)
- CMYK
- cmyk(0% 15% 27% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFDCC2
- FFE0C9
- FFE4CF
- FFE8D6
- FFECDD
- FFF0E4
- FFF3EB
- FFF7F1
- FFFBF8
Koyu tonlar
- DEBCA2
- BEA08A
- 9E8573
- 806B5C
- 635346
- 483B32
- 2E251F
- 16110D
- 030202
Gri tonlar
- F2CFB5
- E5C6AF
- D8BDA9
- CBB4A3
- BEAB9D
- B1A298
- A59A92
- 98918C
- 8C8886
Renk uyumları
Tamamlayıcı +180°
- FFD8BB
Durazno Palido
- C3E6FF
≈ Icy Landscape
Analog -30° +30°
- FFD8BB
Durazno Palido
- FFD5CF
≈ Pink Clay
- F0DFB5
≈ Calla
Üçlü +120° +240°
- FFD8BB
Durazno Palido
- B8EEE1
≈ Water Leaf
- E5DAFF
≈ Transparent Blue
Bölünmüş tamamlayıcı +150° +210°
- FFD8BB
Durazno Palido
- B4ECF5
≈ Mint Macaron
- D4E0FF
≈ Transparent Blue
Dörtlü +90° +180° +270°
- FFD8BB
Durazno Palido
- C7ECCC
≈ Celery Stick
- C3E6FF
≈ Icy Landscape
- F7D3F4
≈ Shampoo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.79:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--durazno-palido: #ffd8bb;
--durazno-palido-rgb: 255 216 187;
--durazno-palido-oklch: oklch(0.908 0.058 58.6);
}
.element {
color: var(--durazno-palido);
background-color: hsl(26 100% 87%);
border-color: oklch(0.908 0.058 58.6);
}Tailwind CSS v4
@theme {
--color-durazno-palido: #ffd8bb;
--color-durazno-palido-50: #fff2e5;
--color-durazno-palido-100: #f7e4d5;
--color-durazno-palido-200: #e8cfbc;
--color-durazno-palido-300: #ceb19a;
--color-durazno-palido-400: #b9977d;
--color-durazno-palido-500: #a47d5f;
--color-durazno-palido-600: #8a6a51;
--color-durazno-palido-700: #6f5541;
--color-durazno-palido-800: #523d2f;
--color-durazno-palido-900: #392a1f;
--color-durazno-palido-950: #24180f;
}SCSS
$durazno-palido: #ffd8bb;
$durazno-palido-rgb: 255, 216, 187;
$durazno-palido-light: mix(#fff, $durazno-palido, 20%);
$durazno-palido-dark: mix(#000, $durazno-palido, 20%);
.element {
color: $durazno-palido;
box-shadow: 0 0 0 2px rgba($durazno-palido, 0.35);
}