最も近い色名 · #621E38
#621E38
最も近い色名: Soul Anchor
#621E38（rgb(98 30 56)、hsl(337 53% 25%)、oklch(0.35 0.101 0.2)）に最も近い色名はSoul Anchorです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#621E38
oklch(0.35 0.101 0.2)
カラー変換
- HEX
- #621e38
- RGB
- rgb(98 30 56)
- HSL
- hsl(337 53% 25%)
- HWB
- hwb(337 12% 62%)
- OKLCH
- oklch(0.35 0.101 0.2)
- OKLab
- oklab(0.35 0.101 0)
- CIE Lab
- lab(23.3 32.97 0.62)
- LCH
- lch(23.3 32.97 1.1)
- CMYK
- cmyk(0% 69% 43% 62%)
ティント · シェード · トーン
ティント
- 723449
- 83495B
- 935E6E
- A27481
- B28A95
- C2A1A9
- D1B8BE
- E0CFD3
- F0E7E9
シェード
- 54192F
- 471327
- 3A0E1F
- 2D0917
- 21050F
- 160308
- 0B0104
- 030001
- 000000
トーン
- 66293F
- 6A3346
- 6E3D4D
- 714754
- 74505B
- 775A62
- 7A6369
- 7C6D71
- 7E7678
カラーハーモニー
補色 +180°
- 621E38
Soul Anchor
- 00453C
≈ MSU Green
類似色 -30° +30°
- 621E38
Soul Anchor
- 572353
≈ Kuwanomi Purple
- 652017
≈ Brown Moelleux
トライアド +120° +240°
- 621E38
Soul Anchor
- 354000
≈ Dark Olive
- 003F60
≈ Poseidon
スプリットコンプリメンタリー +150° +210°
- 621E38
Soul Anchor
- 00481D
≈ Pine Green
- 00434C
≈ Cold and Dark
テトラード +90° +180° +270°
- 621E38
Soul Anchor
- 493800
≈ Xanthophobia
- 00453C
≈ MSU Green
- 27356F
≈ Passionate Blue
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.91:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.76:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.91:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--soul-anchor: #621e38;
--soul-anchor-rgb: 98 30 56;
--soul-anchor-oklch: oklch(0.35 0.101 0.2);
}
.element {
color: var(--soul-anchor);
background-color: hsl(337 53% 25%);
border-color: oklch(0.35 0.101 0.2);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #621e38;
--color-soul-anchor-50: #ffeaf3;
--color-soul-anchor-100: #ffdae5;
--color-soul-anchor-200: #fbc3d0;
--color-soul-anchor-300: #e4a2b3;
--color-soul-anchor-400: #d0859c;
--color-soul-anchor-500: #bc6883;
--color-soul-anchor-600: #9f586f;
--color-soul-anchor-700: #804659;
--color-soul-anchor-800: #5e3342;
--color-soul-anchor-900: #42222e;
--color-soul-anchor-950: #2a111a;
}SCSS
$soul-anchor: #621e38;
$soul-anchor-rgb: 98, 30, 56;
$soul-anchor-light: mix(#fff, $soul-anchor, 20%);
$soul-anchor-dark: mix(#000, $soul-anchor, 20%);
.element {
color: $soul-anchor;
box-shadow: 0 0 0 2px rgba($soul-anchor, 0.35);
}