最も近い色名 · #DE8175
#DE8175
最も近い色名: Bite My Tongue
#DE8175（rgb(222 129 117)、hsl(7 61% 66%)、oklch(0.701 0.117 28.2)）に最も近い色名はBite My Tongueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DE8175
oklch(0.701 0.117 28.2)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- E38E82
- E79A90
- EBA79D
- EFB4AB
- F2C0B9
- F5CDC6
- F8D9D4
- FBE6E3
- FDF2F1
シェード
- C16F65
- A55E55
- 894E46
- 6F3E37
- 552E29
- 3D1F1C
- 26120F
- 120605
- 020101
トーン
- D58276
- CC8278
- C38279
- BA827A
- B0827B
- A7827C
- 9E827D
- 94817E
- 8A817F
カラーハーモニー
補色 +180°
- DE8175
Bite My Tongue
- 18B2C5
≈ Antigua Blue
類似色 -30° +30°
- DE8175
Bite My Tongue
- D97E9E
≈ Impatient Pink
- D58B50
≈ Serape
トライアド +120° +240°
- DE8175
Bite My Tongue
- 68B375
≈ Appleton
- 809BE8
≈ Portage
スプリットコンプリメンタリー +150° +210°
- DE8175
Bite My Tongue
- 30B69F
≈ Capture
- 4EA8DF
≈ High Blue
テトラード +90° +180° +270°
- DE8175
Bite My Tongue
- 98A84F
≈ Springtide Melodies
- 18B2C5
≈ Antigua Blue
- A88EDE
≈ Middy’s Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
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);
}