色名 · #7D4961
Princely
Princelyは#7D4961：rgb(125 73 97)、hsl(332 26% 39%)、oklch(0.474 0.078 351.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Princely color name →
#7D4961
oklch(0.474 0.078 351.3)
カラー変換
- HEX
- #7d4961
- RGB
- rgb(125 73 97)
- HSL
- hsl(332 26% 39%)
- HWB
- hwb(332 29% 51%)
- OKLCH
- oklch(0.474 0.078 351.3)
- OKLab
- oklab(0.474 0.077 -0.012)
- CIE Lab
- lab(37.96 25.24 -4.16)
- LCH
- lch(37.96 25.58 350.6)
- CMYK
- cmyk(0% 42% 22% 51%)
ティント · シェード · トーン
ティント
- 8A5A70
- 976B7E
- A47D8D
- B18E9D
- BEA0AD
- CBB3BD
- D8C5CD
- E5D8DD
- F2ECEE
シェード
- 6C3E53
- 5B3446
- 4B2A39
- 3B202D
- 2C1721
- 1E0E15
- 11060B
- 050203
- 010000
トーン
- 7E4F64
- 7F5467
- 7F5A6A
- 805F6D
- 806570
- 806A73
- 817077
- 81757A
- 807B7D
カラーハーモニー
補色 +180°
- 7D4961
Princely
- 236A56
≈ Forest Rain
類似色 -30° +30°
- 7D4961
Princely
- 704D76
≈ Cabbage Blossom Violet
- 824949
≈ Red Maple Leaf
トライアド +120° +240°
- 7D4961
Princely
- 5E6028
≈ Gardener Green
- 256380
≈ Georgian Bay
スプリットコンプリメンタリー +150° +210°
- 7D4961
Princely
- 42673D
≈ Friendly Fairway
- 0C696E
≈ Tahitian Treat
テトラード +90° +180° +270°
- 7D4961
Princely
- 725723
≈ Olivary
- 236A56
≈ Forest Rain
- 435C88
≈ Anchor Point
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.00:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.99:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--princely: #7d4961;
--princely-rgb: 125 73 97;
--princely-oklch: oklch(0.474 0.078 351.3);
}
.element {
color: var(--princely);
background-color: hsl(332 26% 39%);
border-color: oklch(0.474 0.078 351.3);
}Tailwind CSS v4
@theme {
--color-princely: #7d4961;
--color-princely-50: #ffedf7;
--color-princely-100: #fedeea;
--color-princely-200: #f0c7d7;
--color-princely-300: #d8a8bb;
--color-princely-400: #c38ca4;
--color-princely-500: #ae718c;
--color-princely-600: #935f77;
--color-princely-700: #764c5f;
--color-princely-800: #573746;
--color-princely-900: #3d2631;
--color-princely-950: #26141d;
}SCSS
$princely: #7d4961;
$princely-rgb: 125, 73, 97;
$princely-light: mix(#fff, $princely, 20%);
$princely-dark: mix(#000, $princely, 20%);
.element {
color: $princely;
box-shadow: 0 0 0 2px rgba($princely, 0.35);
}