En yakın adlandırılmış renk · #D8715C
#D8715C
En yakın adlandırılmış renk: Phoenix Red
#D8715C (rgb(216 113 92), hsl(10 61% 60%), oklch(0.662 0.134 32.8)) en çok Phoenix Red 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.
#D8715C
oklch(0.662 0.134 32.8)
Renk dönüşümleri
- HEX
- #d8715c
- RGB
- rgb(216 113 92)
- HSL
- hsl(10 61% 60%)
- HWB
- hwb(10 36% 15%)
- OKLCH
- oklch(0.662 0.134 32.8)
- OKLab
- oklab(0.662 0.112 0.072)
- CIE Lab
- lab(59.68 39.85 30.84)
- LCH
- lch(59.68 50.39 37.7)
- CMYK
- cmyk(0% 48% 57% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DD806C
- E38E7C
- E79C8C
- ECAA9C
- F0B9AC
- F4C7BD
- F7D5CD
- FAE3DD
- FDF1EE
Koyu tonlar
- BC614F
- A05242
- 854336
- 6B352A
- 53271F
- 3B1A14
- 250E0A
- 110403
- 020100
Gri tonlar
- D07360
- C87664
- BF7868
- B7796C
- AE7B70
- A57C73
- 9C7D76
- 937E7A
- 8A7F7D
Renk uyumları
Tamamlayıcı +180°
- D8715C
Phoenix Red
- 00A5BD
≈ Maui
Analog -30° +30°
- D8715C
Phoenix Red
- D56D8B
≈ Paris Pink
- CC7E2C
≈ Polished Bronze
Üçlü +120° +240°
- D8715C
Phoenix Red
- 46AA6A
≈ Fresh Oregano
- 788CE4
≈ Tanzine
Bölünmüş tamamlayıcı +150° +210°
- D8715C
Phoenix Red
- 00AA99
≈ Tropical Hideaway
- 399BDE
≈ Flax Flower Blue
Dörtlü +90° +180° +270°
- D8715C
Phoenix Red
- 84A038
≈ New Shoot
- 00A5BD
≈ Maui
- A37DD6
≈ Lavender Blossom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.26:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.43:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--phoenix-red: #d8715c;
--phoenix-red-rgb: 216 113 92;
--phoenix-red-oklch: oklch(0.662 0.134 32.8);
}
.element {
color: var(--phoenix-red);
background-color: hsl(10 61% 60%);
border-color: oklch(0.662 0.134 32.8);
}Tailwind CSS v4
@theme {
--color-phoenix-red: #d8715c;
--color-phoenix-red-50: #ffe8dc;
--color-phoenix-red-100: #ffd9ca;
--color-phoenix-red-200: #ffc0ae;
--color-phoenix-red-300: #f39e89;
--color-phoenix-red-400: #e27f6a;
--color-phoenix-red-500: #cf5f49;
--color-phoenix-red-600: #af513f;
--color-phoenix-red-700: #8d4132;
--color-phoenix-red-800: #692e25;
--color-phoenix-red-900: #4a1f18;
--color-phoenix-red-950: #300e09;
}SCSS
$phoenix-red: #d8715c;
$phoenix-red-rgb: 216, 113, 92;
$phoenix-red-light: mix(#fff, $phoenix-red, 20%);
$phoenix-red-dark: mix(#000, $phoenix-red, 20%);
.element {
color: $phoenix-red;
box-shadow: 0 0 0 2px rgba($phoenix-red, 0.35);
}