色名 · #DDA69F
Coral Cove
Coral Coveは#DDA69F：rgb(221 166 159)、hsl(7 48% 75%)、oklch(0.774 0.066 26.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Coral Cove color name →
#DDA69F
oklch(0.774 0.066 26.9)
カラー変換
- HEX
- #dda69f
- RGB
- rgb(221 166 159)
- HSL
- hsl(7 48% 75%)
- HWB
- hwb(7 62% 13%)
- OKLCH
- oklch(0.774 0.066 26.9)
- OKLab
- oklab(0.774 0.059 0.03)
- CIE Lab
- lab(73.24 20.18 11.96)
- LCH
- lch(73.24 23.45 30.7)
- CMYK
- cmyk(0% 25% 28% 13%)
ティント · シェード · トーン
ティント
- E1AFA8
- E5B8B2
- E8C0BB
- ECC9C5
- EFD2CE
- F3DBD8
- F6E4E2
- F9EDEB
- FCF6F5
シェード
- C0908A
- A47A75
- 886561
- 6E514D
- 553E3B
- 3D2B29
- 261A18
- 110A09
- 020101
トーン
- D4A29C
- CA9E99
- C19B96
- B89793
- AE9390
- A58F8C
- 9C8C89
- 938886
- 898483
カラーハーモニー
補色 +180°
- DDA69F
Coral Cove
- 82C2CB
≈ Antigua Sand
類似色 -30° +30°
- DDA69F
Coral Cove
- D9A5B6
≈ Pink Nectar
- D7AC8D
≈ Salmon Sand
トライアド +120° +240°
- DDA69F
Coral Cove
- 9AC29D
≈ Spruce Stone
- A3B5E1
≈ Myrtle Flower
スプリットコンプリメンタリー +150° +210°
- DDA69F
Coral Cove
- 87C4B5
≈ Aquastone
- 8DBDDB
≈ Frozen Whisper
テトラード +90° +180° +270°
- DDA69F
Coral Cove
- B2BC8B
≈ Aloe Plant
- 82C2CB
≈ Antigua Sand
- BAADDC
≈ Purple Hibiscus
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.09:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 10.02:1 · APCA Lc 61
最適な文字色: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--coral-cove: #dda69f;
--coral-cove-rgb: 221 166 159;
--coral-cove-oklch: oklch(0.774 0.066 26.9);
}
.element {
color: var(--coral-cove);
background-color: hsl(7 48% 75%);
border-color: oklch(0.774 0.066 26.9);
}Tailwind CSS v4
@theme {
--color-coral-cove: #dda69f;
--color-coral-cove-50: #ffefea;
--color-coral-cove-100: #fde0db;
--color-coral-cove-200: #efcac4;
--color-coral-cove-300: #d7aba4;
--color-coral-cove-400: #c39089;
--color-coral-cove-500: #ae756e;
--color-coral-cove-600: #93635e;
--color-coral-cove-700: #764f4b;
--color-coral-cove-800: #573937;
--color-coral-cove-900: #3d2725;
--color-coral-cove-950: #261514;
}SCSS
$coral-cove: #dda69f;
$coral-cove-rgb: 221, 166, 159;
$coral-cove-light: mix(#fff, $coral-cove, 20%);
$coral-cove-dark: mix(#000, $coral-cove, 20%);
.element {
color: $coral-cove;
box-shadow: 0 0 0 2px rgba($coral-cove, 0.35);
}