En yakın adlandırılmış renk · #DE8175
#DE8175
En yakın adlandırılmış renk: Bite My Tongue
#DE8175 (rgb(222 129 117), hsl(7 61% 66%), oklch(0.701 0.117 28.2)) en çok Bite My Tongue 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.
#DE8175
oklch(0.701 0.117 28.2)
Renk dönüşümleri
- HEX
- #de8175
- RGB
- rgb(222 129 117)
- HSL
- hsl(7 61% 66%)
- HWB
- hwb(7 46% 13%)
- OKLCH
- oklch(0.701 0.117 28.2)
- OKLab
- oklab(0.701 0.103 0.055)
- CIE Lab
- lab(64.22 35.8 22.9)
- LCH
- lch(64.22 42.5 32.6)
- CMYK
- cmyk(0% 42% 47% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E38E82
- E79A90
- EBA79D
- EFB4AB
- F2C0B9
- F5CDC6
- F8D9D4
- FBE6E3
- FDF2F1
Koyu tonlar
- C16F65
- A55E55
- 894E46
- 6F3E37
- 552E29
- 3D1F1C
- 26120F
- 120605
- 020101
Gri tonlar
- D58276
- CC8278
- C38279
- BA827A
- B0827B
- A7827C
- 9E827D
- 94817E
- 8A817F
Renk uyumları
Tamamlayıcı +180°
- DE8175
Bite My Tongue
- 18B2C5
≈ Antigua Blue
Analog -30° +30°
- DE8175
Bite My Tongue
- D97E9E
≈ Impatient Pink
- D58B50
≈ Serape
Üçlü +120° +240°
- DE8175
Bite My Tongue
- 68B375
≈ Appleton
- 809BE8
≈ Portage
Bölünmüş tamamlayıcı +150° +210°
- DE8175
Bite My Tongue
- 30B69F
≈ Capture
- 4EA8DF
≈ High Blue
Dörtlü +90° +180° +270°
- DE8175
Bite My Tongue
- 98A84F
≈ Springtide Melodies
- 18B2C5
≈ Antigua Blue
- A88EDE
≈ Middy’s Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--bite-my-tongue: #de8175;
--bite-my-tongue-rgb: 222 129 117;
--bite-my-tongue-oklch: oklch(0.701 0.117 28.2);
}
.element {
color: var(--bite-my-tongue);
background-color: hsl(7 61% 66%);
border-color: oklch(0.701 0.117 28.2);
}Tailwind CSS v4
@theme {
--color-bite-my-tongue: #de8175;
--color-bite-my-tongue-50: #ffeae1;
--color-bite-my-tongue-100: #ffdad1;
--color-bite-my-tongue-200: #ffc2b7;
--color-bite-my-tongue-300: #eda194;
--color-bite-my-tongue-400: #db8377;
--color-bite-my-tongue-500: #c86459;
--color-bite-my-tongue-600: #a9564c;
--color-bite-my-tongue-700: #88443c;
--color-bite-my-tongue-800: #65312c;
--color-bite-my-tongue-900: #47211e;
--color-bite-my-tongue-950: #2e100e;
}SCSS
$bite-my-tongue: #de8175;
$bite-my-tongue-rgb: 222, 129, 117;
$bite-my-tongue-light: mix(#fff, $bite-my-tongue, 20%);
$bite-my-tongue-dark: mix(#000, $bite-my-tongue, 20%);
.element {
color: $bite-my-tongue;
box-shadow: 0 0 0 2px rgba($bite-my-tongue, 0.35);
}