最も近い色名 · #D36F73
#D36F73
最も近い色名: Lipstick Illusion
#D36F73（rgb(211 111 115)、hsl(358 53% 63%)、oklch(0.657 0.126 18.6)）に最も近い色名はLipstick Illusionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D36F73
oklch(0.657 0.126 18.6)
カラー変換
- HEX
- #d36f73
- RGB
- rgb(211 111 115)
- HSL
- hsl(358 53% 63%)
- HWB
- hwb(358 44% 17%)
- OKLCH
- oklch(0.657 0.126 18.6)
- OKLab
- oklab(0.657 0.119 0.04)
- CIE Lab
- lab(58.91 40.39 16.63)
- LCH
- lch(58.91 43.68 22.4)
- CMYK
- cmyk(0% 47% 45% 17%)
ティント · シェード · トーン
ティント
- D97E80
- DE8C8E
- E49B9B
- E9A9A9
- EDB7B7
- F1C5C5
- F5D4D3
- F9E2E2
- FCF1F0
シェード
- B76063
- 9C5154
- 824245
- 693436
- 512728
- 3A1A1B
- 240E0F
- 100405
- 020101
トーン
- CB7274
- C47476
- BC7677
- B47879
- AC7A7A
- A37B7B
- 9B7D7C
- 927E7E
- 897F7F
カラーハーモニー
補色 +180°
- D36F73
Lipstick Illusion
- 00A6AB
≈ Blue Bolero
類似色 -30° +30°
- D36F73
Lipstick Illusion
- C96F9E
≈ Fuchsia Kiss
- CE7847
≈ Striking Orange
トライアド +120° +240°
- D36F73
Lipstick Illusion
- 68A356
≈ Off Green
- 6092DD
≈ Little Boy Blue
スプリットコンプリメンタリー +150° +210°
- D36F73
Lipstick Illusion
- 1EA983
≈ Simply Green
- 139FCE
≈ Blue Burst
テトラード +90° +180° +270°
- D36F73
Lipstick Illusion
- 98972B
≈ Appletini
- 00A6AB
≈ Blue Bolero
- 8F83D9
≈ Indigo Bloom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.33:1 · APCA Lc 60
Ag
AA黒の上
WCAG 6.29:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--lipstick-illusion: #d36f73;
--lipstick-illusion-rgb: 211 111 115;
--lipstick-illusion-oklch: oklch(0.657 0.126 18.6);
}
.element {
color: var(--lipstick-illusion);
background-color: hsl(358 53% 63%);
border-color: oklch(0.657 0.126 18.6);
}Tailwind CSS v4
@theme {
--color-lipstick-illusion: #d36f73;
--color-lipstick-illusion-50: #ffe8e6;
--color-lipstick-illusion-100: #ffd8d6;
--color-lipstick-illusion-200: #ffbfbd;
--color-lipstick-illusion-300: #f19d9c;
--color-lipstick-illusion-400: #df7e81;
--color-lipstick-illusion-500: #cc5f65;
--color-lipstick-illusion-600: #ac5156;
--color-lipstick-illusion-700: #8a4144;
--color-lipstick-illusion-800: #672e33;
--color-lipstick-illusion-900: #481f22;
--color-lipstick-illusion-950: #2f0e12;
}SCSS
$lipstick-illusion: #d36f73;
$lipstick-illusion-rgb: 211, 111, 115;
$lipstick-illusion-light: mix(#fff, $lipstick-illusion, 20%);
$lipstick-illusion-dark: mix(#000, $lipstick-illusion, 20%);
.element {
color: $lipstick-illusion;
box-shadow: 0 0 0 2px rgba($lipstick-illusion, 0.35);
}