色名 · #FEB890
Coral Wisp
Coral Wispは#FEB890：rgb(254 184 144)、hsl(22 98% 78%)、oklch(0.839 0.097 50.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Coral Wisp color name →
#FEB890
oklch(0.839 0.097 50.7)
カラー変換
- HEX
- #feb890
- RGB
- rgb(254 184 144)
- HSL
- hsl(22 98% 78%)
- HWB
- hwb(22 56% 0%)
- OKLCH
- oklch(0.839 0.097 50.7)
- OKLab
- oklab(0.839 0.062 0.075)
- CIE Lab
- lab(80.8 22.68 30.88)
- LCH
- lch(80.8 38.31 53.7)
- CMYK
- cmyk(0% 28% 43% 0%)
ティント · シェード · トーン
ティント
- FFBF9B
- FFC6A7
- FFCEB2
- FFD5BD
- FFDCC8
- FFE3D3
- FFEADE
- FFF1E9
- FFF8F4
シェード
- DDA07D
- BD886A
- 9E7157
- 805B45
- 634534
- 473124
- 2D1E15
- 160C07
- 030201
トーン
- F1B28F
- E4AD8E
- D8A78C
- CBA28B
- BE9C89
- B29788
- A59186
- 998B84
- 8C8682
カラーハーモニー
補色 +180°
- FEB890
Coral Wisp
- 85D6FE
≈ Kul Sharif Blue
類似色 -30° +30°
- FEB890
Coral Wisp
- FFB3B1
≈ Wildflower Bouquet
- EBC47F
≈ Gold Buff
トライアド +120° +240°
- FEB890
Coral Wisp
- 85DFC1
≈ Āsmānī Sky
- C9C1FF
≈ Lavender Tonic
スプリットコンプリメンタリー +150° +210°
- FEB890
Coral Wisp
- 75DDE4
≈ Turkish Turquoise
- ADCBFF
≈ Night Snow
テトラード +90° +180° +270°
- FEB890
Coral Wisp
- A8DA9E
≈ Cool Aloe
- 85D6FE
≈ Kul Sharif Blue
- E7B6F1
≈ Lovecloud
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.47:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--coral-wisp: #feb890;
--coral-wisp-rgb: 254 184 144;
--coral-wisp-oklch: oklch(0.839 0.097 50.7);
}
.element {
color: var(--coral-wisp);
background-color: hsl(22 98% 78%);
border-color: oklch(0.839 0.097 50.7);
}Tailwind CSS v4
@theme {
--color-coral-wisp: #feb890;
--color-coral-wisp-50: #ffeedc;
--color-coral-wisp-100: #ffe0ca;
--color-coral-wisp-200: #f7caae;
--color-coral-wisp-300: #e0aa89;
--color-coral-wisp-400: #cd8e69;
--color-coral-wisp-500: #b97247;
--color-coral-wisp-600: #9c613d;
--color-coral-wisp-700: #7e4d30;
--color-coral-wisp-800: #5d3823;
--color-coral-wisp-900: #422617;
--color-coral-wisp-950: #2a1408;
}SCSS
$coral-wisp: #feb890;
$coral-wisp-rgb: 254, 184, 144;
$coral-wisp-light: mix(#fff, $coral-wisp, 20%);
$coral-wisp-dark: mix(#000, $coral-wisp, 20%);
.element {
color: $coral-wisp;
box-shadow: 0 0 0 2px rgba($coral-wisp, 0.35);
}