Adlandırılmış renk · #D3AA94
Rundlet Peach
Rundlet Peach, #D3AA94: rgb(211 170 148), hsl(21 42% 70%), oklch(0.769 0.057 49.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Rundlet Peach color name →
#D3AA94
oklch(0.769 0.057 49.7)
Renk dönüşümleri
- HEX
- #d3aa94
- RGB
- rgb(211 170 148)
- HSL
- hsl(21 42% 70%)
- HWB
- hwb(21 58% 17%)
- OKLCH
- oklch(0.769 0.057 49.7)
- OKLab
- oklab(0.769 0.037 0.044)
- CIE Lab
- lab(72.96 13.15 17.36)
- LCH
- lch(72.96 21.78 52.9)
- CMYK
- cmyk(0% 19% 30% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8B29E
- DCBBA9
- E1C3B3
- E5CCBE
- EAD4C9
- EEDDD3
- F2E5DE
- F7EEE9
- FBF6F4
Koyu tonlar
- B79380
- 9C7D6D
- 82685A
- 695348
- 513F36
- 3A2D26
- 241B16
- 100B08
- 020101
Gri tonlar
- CBA692
- C2A290
- BA9D8E
- B1998C
- A9958A
- A19188
- 998D86
- 908884
- 888482
Renk uyumları
Tamamlayıcı +180°
- D3AA94
Rundlet Peach
- 8FBCD2
≈ Bonnie Blue
Analog -30° +30°
- D3AA94
Rundlet Peach
- D6A6A5
≈ Mellow Rose
- C8B18B
≈ Cappuccino Froth
Üçlü +120° +240°
- D3AA94
Rundlet Peach
- 90C0AE
≈ Bella Green
- B3AED7
≈ Delicate Lilac
Bölünmüş tamamlayıcı +150° +210°
- D3AA94
Rundlet Peach
- 89C0C2
≈ Celestine
- 9FB5D9
≈ Mont Blanc
Dörtlü +90° +180° +270°
- D3AA94
Rundlet Peach
- A1BD9B
≈ Spring Rain
- 8FBCD2
≈ Bonnie Blue
- C5A9CB
≈ Feminine Fancy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.94:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--rundlet-peach: #d3aa94;
--rundlet-peach-rgb: 211 170 148;
--rundlet-peach-oklch: oklch(0.769 0.057 49.7);
}
.element {
color: var(--rundlet-peach);
background-color: hsl(21 42% 70%);
border-color: oklch(0.769 0.057 49.7);
}Tailwind CSS v4
@theme {
--color-rundlet-peach: #d3aa94;
--color-rundlet-peach-50: #fff1e7;
--color-rundlet-peach-100: #f8e3d7;
--color-rundlet-peach-200: #e9cebf;
--color-rundlet-peach-300: #d0b09d;
--color-rundlet-peach-400: #bb9581;
--color-rundlet-peach-500: #a67b64;
--color-rundlet-peach-600: #8c6955;
--color-rundlet-peach-700: #705344;
--color-rundlet-peach-800: #533d31;
--color-rundlet-peach-900: #3a2a21;
--color-rundlet-peach-950: #241711;
}SCSS
$rundlet-peach: #d3aa94;
$rundlet-peach-rgb: 211, 170, 148;
$rundlet-peach-light: mix(#fff, $rundlet-peach, 20%);
$rundlet-peach-dark: mix(#000, $rundlet-peach, 20%);
.element {
color: $rundlet-peach;
box-shadow: 0 0 0 2px rgba($rundlet-peach, 0.35);
}