Adlandırılmış renk · #DDAA88
Lunatic Lynx
Lunatic Lynx, #DDAA88: rgb(221 170 136), hsl(24 56% 70%), oklch(0.777 0.076 55). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Lunatic Lynx color name →
#DDAA88
oklch(0.777 0.076 55)
Renk dönüşümleri
- HEX
- #ddaa88
- RGB
- rgb(221 170 136)
- HSL
- hsl(24 56% 70%)
- HWB
- hwb(24 53% 13%)
- OKLCH
- oklch(0.777 0.076 55)
- OKLab
- oklab(0.777 0.044 0.062)
- CIE Lab
- lab(73.8 16.04 25.16)
- LCH
- lch(73.8 29.83 57.5)
- CMYK
- cmyk(0% 23% 38% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1B294
- E4BBA0
- E8C3AB
- ECCCB7
- EFD4C3
- F2DDCF
- F6E5DB
- F9EEE7
- FCF6F3
Koyu tonlar
- C09375
- A47D63
- 886852
- 6E5341
- 553F31
- 3D2D22
- 261B13
- 110B06
- 020101
Gri tonlar
- D4A688
- CAA287
- C19E86
- B79986
- AE9585
- A59184
- 9C8D83
- 928982
- 898481
Renk uyumları
Tamamlayıcı +180°
- DDAA88
Lunatic Lynx
- 86BFE0
≈ Billow
Analog -30° +30°
- DDAA88
Lunatic Lynx
- E3A49E
≈ Cuticle Pink
- CDB37E
≈ Aged Seagrass
Üçlü +120° +240°
- DDAA88
Lunatic Lynx
- 81C7B4
≈ Meridian Star
- B9ADE2
≈ Purple Hibiscus
Bölünmüş tamamlayıcı +150° +210°
- DDAA88
Lunatic Lynx
- 79C5CD
≈ Wavelet
- 9FB6E8
≈ Honest
Dörtlü +90° +180° +270°
- DDAA88
Lunatic Lynx
- 98C499
≈ Velvet Leaf
- 86BFE0
≈ Billow
- D0A6D1
≈ Favourite Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.17:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--lunatic-lynx: #ddaa88;
--lunatic-lynx-rgb: 221 170 136;
--lunatic-lynx-oklch: oklch(0.777 0.076 55);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(24 56% 70%);
border-color: oklch(0.777 0.076 55);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #ddaa88;
--color-lunatic-lynx-50: #fff0e1;
--color-lunatic-lynx-100: #fce2d0;
--color-lunatic-lynx-200: #eecdb5;
--color-lunatic-lynx-300: #d6ae92;
--color-lunatic-lynx-400: #c29373;
--color-lunatic-lynx-500: #ad7954;
--color-lunatic-lynx-600: #926648;
--color-lunatic-lynx-700: #755239;
--color-lunatic-lynx-800: #573b29;
--color-lunatic-lynx-900: #3d281c;
--color-lunatic-lynx-950: #26160c;
}SCSS
$lunatic-lynx: #ddaa88;
$lunatic-lynx-rgb: 221, 170, 136;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}