Adlandırılmış renk · #FED9BC
Delicate Dawn
Delicate Dawn, #FED9BC: rgb(254 217 188), hsl(26 97% 87%), oklch(0.909 0.057 60.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Delicate Dawn color name →
#FED9BC
oklch(0.909 0.057 60.1)
Renk dönüşümleri
- HEX
- #fed9bc
- RGB
- rgb(254 217 188)
- HSL
- hsl(26 97% 87%)
- HWB
- hwb(26 74% 0%)
- OKLCH
- oklch(0.909 0.057 60.1)
- OKLab
- oklab(0.909 0.028 0.049)
- CIE Lab
- lab(89.32 10.19 19.37)
- LCH
- lch(89.32 21.88 62.3)
- CMYK
- cmyk(0% 15% 26% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEDDC3
- FEE1C9
- FFE4D0
- FFE8D7
- FFECDE
- FFF0E4
- FFF4EB
- FFF7F2
- FFFBF8
Koyu tonlar
- DDBCA3
- BDA18B
- 9E8673
- 806C5D
- 635347
- 473B32
- 2D251F
- 16110D
- 030202
Gri tonlar
- F1D0B6
- E4C7B0
- D7BEAA
- CAB5A4
- BDAC9E
- B1A398
- A49A92
- 98918C
- 8C8986
Renk uyumları
Tamamlayıcı +180°
- FED9BC
Delicate Dawn
- C5E6FF
≈ Icy Landscape
Analog -30° +30°
- FED9BC
Delicate Dawn
- FFD6CF
≈ Tea Party
- EFE0B7
≈ Sauerkraut
Üçlü +120° +240°
- FED9BC
Delicate Dawn
- B9EEE2
≈ Water Leaf
- E6DAFF
≈ Transparent Blue
Bölünmüş tamamlayıcı +150° +210°
- FED9BC
Delicate Dawn
- B6ECF6
≈ Ice Effect
- D6E0FF
≈ Contrail
Dörtlü +90° +180° +270°
- FED9BC
Delicate Dawn
- C7ECCE
≈ Celery Stick
- C5E6FF
≈ Icy Landscape
- F8D4F3
≈ Jacaranda
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.86:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--delicate-dawn: #fed9bc;
--delicate-dawn-rgb: 254 217 188;
--delicate-dawn-oklch: oklch(0.909 0.057 60.1);
}
.element {
color: var(--delicate-dawn);
background-color: hsl(26 97% 87%);
border-color: oklch(0.909 0.057 60.1);
}Tailwind CSS v4
@theme {
--color-delicate-dawn: #fed9bc;
--color-delicate-dawn-50: #fff2e5;
--color-delicate-dawn-100: #f6e4d5;
--color-delicate-dawn-200: #e7cfbc;
--color-delicate-dawn-300: #cdb29a;
--color-delicate-dawn-400: #b8977d;
--color-delicate-dawn-500: #a27e60;
--color-delicate-dawn-600: #896a52;
--color-delicate-dawn-700: #6e5541;
--color-delicate-dawn-800: #513e2f;
--color-delicate-dawn-900: #392a20;
--color-delicate-dawn-950: #23180f;
}SCSS
$delicate-dawn: #fed9bc;
$delicate-dawn-rgb: 254, 217, 188;
$delicate-dawn-light: mix(#fff, $delicate-dawn, 20%);
$delicate-dawn-dark: mix(#000, $delicate-dawn, 20%);
.element {
color: $delicate-dawn;
box-shadow: 0 0 0 2px rgba($delicate-dawn, 0.35);
}