最も近い色名 · #AD0338
#AD0338
最も近い色名: Rouge
#AD0338（rgb(173 3 56)、hsl(341 97% 35%)、oklch(0.476 0.189 15.2)）に最も近い色名はRougeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AD0338
oklch(0.476 0.189 15.2)
カラー変換
- HEX
- #ad0338
- RGB
- rgb(173 3 56)
- HSL
- hsl(341 97% 35%)
- HWB
- hwb(341 1% 32%)
- OKLCH
- oklch(0.476 0.189 15.2)
- OKLab
- oklab(0.476 0.182 0.049)
- CIE Lab
- lab(37.12 61.08 22.41)
- LCH
- lch(37.12 65.06 20.1)
- CMYK
- cmyk(0% 98% 68% 32%)
ティント · シェード · トーン
ティント
- B8324A
- C34D5D
- CD6570
- D77B83
- DF9197
- E7A7AB
- EEBDBF
- F5D3D4
- FAE9E9
シェード
- 96022F
- 7F0227
- 6A011F
- 550117
- 41000F
- 2D0008
- 1B0004
- 0B0001
- 010000
トーン
- AB233F
- A83447
- A5414E
- A14C55
- 9D565C
- 995F63
- 94686A
- 8E7072
- 877879
カラーハーモニー
補色 +180°
- AD0338
Rouge
- 006A6B
≈ Mayan Blue
類似色 -30° +30°
- AD0338
Rouge
- 9F1574
≈ Haunted Purple
- 973D00
≈ Hot Brown
トライアド +120° +240°
- AD0338
Rouge
- 356D00
≈ Tatzelwurm Green
- 005AB2
≈ Bottled Sea
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.37:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 2.84:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--rouge: #ad0338;
--rouge-rgb: 173 3 56;
--rouge-oklch: oklch(0.476 0.189 15.2);
}
.element {
color: var(--rouge);
background-color: hsl(341 97% 35%);
border-color: oklch(0.476 0.189 15.2);
}Tailwind CSS v4
@theme {
--color-rouge: #ad0338;
--color-rouge-50: #ffe0e2;
--color-rouge-100: #ffcfd1;
--color-rouge-200: #ffb2b7;
--color-rouge-300: #ff8c94;
--color-rouge-400: #f96679;
--color-rouge-500: #e83a5c;
--color-rouge-600: #c4344e;
--color-rouge-700: #9d293e;
--color-rouge-800: #751c2f;
--color-rouge-900: #531320;
--color-rouge-950: #37030f;
}SCSS
$rouge: #ad0338;
$rouge-rgb: 173, 3, 56;
$rouge-light: mix(#fff, $rouge, 20%);
$rouge-dark: mix(#000, $rouge, 20%);
.element {
color: $rouge;
box-shadow: 0 0 0 2px rgba($rouge, 0.35);
}