色名 · #DF644E
Daring
Daringは#DF644E：rgb(223 100 78)、hsl(9 69% 59%)、oklch(0.651 0.159 31.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Daring color name →
#DF644E
oklch(0.651 0.159 31.9)
カラー変換
- HEX
- #df644e
- RGB
- rgb(223 100 78)
- HSL
- hsl(9 69% 59%)
- HWB
- hwb(9 31% 13%)
- OKLCH
- oklch(0.651 0.159 31.9)
- OKLab
- oklab(0.651 0.135 0.084)
- CIE Lab
- lab(58.05 47.95 36.94)
- LCH
- lch(58.05 60.53 37.6)
- CMYK
- cmyk(0% 55% 65% 13%)
ティント · シェード · トーン
ティント
- E47560
- E98572
- ED9583
- F1A494
- F5B3A6
- F8C3B7
- FAD2C9
- FCE1DB
- FEF0ED
シェード
- C25643
- A54838
- 8A3B2D
- 6F2E23
- 562219
- 3D160F
- 270B07
- 120302
- 020000
トーン
- D66854
- CE6C5A
- C5705F
- BC7365
- B2766A
- A9786E
- 9F7B73
- 957D77
- 8B7E7C
カラーハーモニー
補色 +180°
- DF644E
Daring
- 00A1B7
≈ January Blue
類似色 -30° +30°
- DF644E
Daring
- DA5F88
≈ Blush d’Amour
- CE7600
≈ Mountain Ash
トライアド +120° +240°
- DF644E
Daring
- 26AA5C
≈ Nordic Grass Green
- 6E86EF
≈ Soft Blue
スプリットコンプリメンタリー +150° +210°
- DF644E
Daring
- 00A695
≈ Persian Green
- 0098E4
≈ Atmosphere
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.45:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.07:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--daring: #df644e;
--daring-rgb: 223 100 78;
--daring-oklch: oklch(0.651 0.159 31.9);
}
.element {
color: var(--daring);
background-color: hsl(9 69% 59%);
border-color: oklch(0.651 0.159 31.9);
}Tailwind CSS v4
@theme {
--color-daring: #df644e;
--color-daring-50: #ffe6d8;
--color-daring-100: #ffd6c5;
--color-daring-200: #ffbca8;
--color-daring-300: #fd9881;
--color-daring-400: #ed7761;
--color-daring-500: #db533c;
--color-daring-600: #b94834;
--color-daring-700: #953929;
--color-daring-800: #6f281f;
--color-daring-900: #4e1b14;
--color-daring-950: #340a06;
}SCSS
$daring: #df644e;
$daring-rgb: 223, 100, 78;
$daring-light: mix(#fff, $daring, 20%);
$daring-dark: mix(#000, $daring, 20%);
.element {
color: $daring;
box-shadow: 0 0 0 2px rgba($daring, 0.35);
}