最も近い色名 · #D4A5ED
#D4A5ED
最も近い色名: Testosterose
#D4A5ED（rgb(212 165 237)、hsl(279 67% 79%)、oklch(0.789 0.111 313.5)）に最も近い色名はTestosteroseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D4A5ED
oklch(0.789 0.111 313.5)
カラー変換
- HEX
- #d4a5ed
- RGB
- rgb(212 165 237)
- HSL
- hsl(279 67% 79%)
- HWB
- hwb(279 65% 7%)
- OKLCH
- oklch(0.789 0.111 313.5)
- OKLab
- oklab(0.789 0.077 -0.081)
- CIE Lab
- lab(74.03 27.38 -29.53)
- LCH
- lch(74.03 40.27 312.8)
- CMYK
- cmyk(11% 30% 0% 7%)
ティント · シェード · トーン
ティント
- D8AEEF
- DDB7F1
- E1C0F3
- E5C9F5
- EAD2F7
- EEDBF9
- F2E4FA
- F7EDFC
- FBF6FE
シェード
- B88FCE
- 9D79B0
- 836593
- 695177
- 513D5C
- 3A2B42
- 241A2A
- 100A14
- 020103
トーン
- CBA1E2
- C39ED7
- BA9ACC
- B297C1
- A993B6
- A18FAB
- 998CA0
- 908895
- 88848B
カラーハーモニー
補色 +180°
- D4A5ED
Testosterose
- 9DCA7F
≈ Jade Lime
類似色 -30° +30°
- D4A5ED
Testosterose
- B1B1FF
≈ Winterspring Lilac
- ED9DCD
≈ Pearly Pink
トライアド +120° +240°
- D4A5ED
Testosterose
- E5AF65
≈ Lamplit
- 51D1CF
≈ Medium Turquoise
スプリットコンプリメンタリー +150° +210°
- D4A5ED
Testosterose
- C7BE65
≈ Go Go Lime
- 70D1A7
≈ Crystal Gem
テトラード +90° +180° +270°
- D4A5ED
Testosterose
- F7A37F
≈ Creamy Peach
- 9DCA7F
≈ Jade Lime
- 5ECAEF
≈ Spritzig
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.01:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.40:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--testosterose: #d4a5ed;
--testosterose-rgb: 212 165 237;
--testosterose-oklch: oklch(0.789 0.111 313.5);
}
.element {
color: var(--testosterose);
background-color: hsl(279 67% 79%);
border-color: oklch(0.789 0.111 313.5);
}Tailwind CSS v4
@theme {
--color-testosterose: #d4a5ed;
--color-testosterose-50: #ffecff;
--color-testosterose-100: #f7ddff;
--color-testosterose-200: #e7c6f5;
--color-testosterose-300: #cea6df;
--color-testosterose-400: #b68acd;
--color-testosterose-500: #a06eba;
--color-testosterose-600: #885e9d;
--color-testosterose-700: #6d4b7e;
--color-testosterose-800: #4f365e;
--color-testosterose-900: #372542;
--color-testosterose-950: #22142a;
}SCSS
$testosterose: #d4a5ed;
$testosterose-rgb: 212, 165, 237;
$testosterose-light: mix(#fff, $testosterose, 20%);
$testosterose-dark: mix(#000, $testosterose, 20%);
.element {
color: $testosterose;
box-shadow: 0 0 0 2px rgba($testosterose, 0.35);
}