色名 · #D25762
Tandoori Red
Tandoori Redは#D25762：rgb(210 87 98)、hsl(355 58% 58%)、oklch(0.617 0.155 17.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Tandoori Red color name →
#D25762
oklch(0.617 0.155 17.5)
カラー変換
- HEX
- #d25762
- RGB
- rgb(210 87 98)
- HSL
- hsl(355 58% 58%)
- HWB
- hwb(355 34% 18%)
- OKLCH
- oklch(0.617 0.155 17.5)
- OKLab
- oklab(0.617 0.148 0.047)
- CIE Lab
- lab(53.93 50.13 19.83)
- LCH
- lch(53.93 53.91 21.6)
- CMYK
- cmyk(0% 59% 53% 18%)
ティント · シェード · トーン
ティント
- D96971
- DF7B80
- E58B8F
- EA9C9E
- EFADAE
- F3BDBE
- F7CDCE
- FADEDE
- FDEEEE
シェード
- B64B54
- 9B3E47
- 81333A
- 68272D
- 501C21
- 391216
- 24080B
- 100303
- 020000
トーン
- CB5D65
- C46268
- BC676B
- B46B6E
- AD7072
- A47374
- 9C7777
- 937A7A
- 8A7D7D
カラーハーモニー
補色 +180°
- D25762
Tandoori Red
- 00989C
≈ Riviera Paradise
類似色 -30° +30°
- D25762
Tandoori Red
- C65996
≈ Llilacquered
- CE621F
≈ Harvest Pumpkin
トライアド +120° +240°
- D25762
Tandoori Red
- 539A32
≈ Hubert’s Truck Green
- 4384E1
≈ Seljuk Blue
スプリットコンプリメンタリー +150° +210°
- D25762
Tandoori Red
- 009D76
≈ Holly Green
- 0092BD
≈ Swimmer
テトラード +90° +180° +270°
- D25762
Tandoori Red
- 8E8A00
≈ Palak Paneer
- 00989C
≈ Riviera Paradise
- 8273DD
≈ Matt Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.97:1 · APCA Lc 66
Ag
AA黒の上
WCAG 5.27:1 · APCA Lc 35
最適な文字色: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
コードスニペット
CSS
:root {
--tandoori-red: #d25762;
--tandoori-red-rgb: 210 87 98;
--tandoori-red-oklch: oklch(0.617 0.155 17.5);
}
.element {
color: var(--tandoori-red);
background-color: hsl(355 58% 58%);
border-color: oklch(0.617 0.155 17.5);
}Tailwind CSS v4
@theme {
--color-tandoori-red: #d25762;
--color-tandoori-red-50: #ffe4e3;
--color-tandoori-red-100: #ffd4d3;
--color-tandoori-red-200: #ffbab9;
--color-tandoori-red-300: #fd9697;
--color-tandoori-red-400: #ec747c;
--color-tandoori-red-500: #d9515f;
--color-tandoori-red-600: #b84551;
--color-tandoori-red-700: #943740;
--color-tandoori-red-800: #6e2730;
--color-tandoori-red-900: #4e1a21;
--color-tandoori-red-950: #330a10;
}SCSS
$tandoori-red: #d25762;
$tandoori-red-rgb: 210, 87, 98;
$tandoori-red-light: mix(#fff, $tandoori-red, 20%);
$tandoori-red-dark: mix(#000, $tandoori-red, 20%);
.element {
color: $tandoori-red;
box-shadow: 0 0 0 2px rgba($tandoori-red, 0.35);
}