色名 · #FACCBF
Spring Song
Spring Songは#FACCBF：rgb(250 204 191)、hsl(13 86% 86%)、oklch(0.882 0.055 36.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Spring Song color name →
#FACCBF
oklch(0.882 0.055 36.3)
カラー変換
- HEX
- #faccbf
- RGB
- rgb(250 204 191)
- HSL
- hsl(13 86% 86%)
- HWB
- hwb(13 75% 2%)
- OKLCH
- oklch(0.882 0.055 36.3)
- OKLab
- oklab(0.882 0.045 0.033)
- CIE Lab
- lab(85.86 15.37 12.96)
- LCH
- lch(85.86 20.1 40.1)
- CMYK
- cmyk(0% 18% 24% 2%)
ティント · シェード · トーン
ティント
- FBD1C5
- FBD6CC
- FCDBD2
- FDE0D8
- FDE6DF
- FEEBE5
- FEF0EC
- FEF5F2
- FFFAF9
シェード
- D9B1A6
- BA978D
- 9B7E75
- 7D655E
- 614E48
- 463733
- 2D221F
- 150F0D
- 030202
トーン
- EDC4B9
- E1BCB2
- D4B5AC
- C8ADA5
- BCA59F
- B09E99
- A39693
- 988F8C
- 8C8786
カラーハーモニー
補色 +180°
- FACCBF
Spring Song
- AFE2F0
≈ Crystal River
類似色 -30° +30°
- FACCBF
Spring Song
- FACAD2
≈ Palace Rose
- F2D2B2
≈ Home Body
トライアド +120° +240°
- FACCBF
Spring Song
- BBE4C9
≈ Spearmints
- CED6FD
≈ Pale Phthalo Blue
スプリットコンプリメンタリー +150° +210°
- FACCBF
Spring Song
- AFE4DE
≈ Silent Ripple
- BBDCFB
≈ Broad Daylight
テトラード +90° +180° +270°
- FACCBF
Spring Song
- CFDFB8
≈ Cat Woman
- AFE2F0
≈ Crystal River
- E1CFF6
≈ Mousse aux Pruneaux
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.45:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.45:1 · APCA Lc 82
最適な文字色: #000000
WCAG 14.45:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--spring-song: #faccbf;
--spring-song-rgb: 250 204 191;
--spring-song-oklch: oklch(0.882 0.055 36.3);
}
.element {
color: var(--spring-song);
background-color: hsl(13 86% 86%);
border-color: oklch(0.882 0.055 36.3);
}Tailwind CSS v4
@theme {
--color-spring-song: #faccbf;
--color-spring-song-50: #fff0ea;
--color-spring-song-100: #f9e2db;
--color-spring-song-200: #eacdc3;
--color-spring-song-300: #d2aea3;
--color-spring-song-400: #bd9388;
--color-spring-song-500: #a7796d;
--color-spring-song-600: #8d675c;
--color-spring-song-700: #715249;
--color-spring-song-800: #543c36;
--color-spring-song-900: #3a2925;
--color-spring-song-950: #241713;
}SCSS
$spring-song: #faccbf;
$spring-song-rgb: 250, 204, 191;
$spring-song-light: mix(#fff, $spring-song, 20%);
$spring-song-dark: mix(#000, $spring-song, 20%);
.element {
color: $spring-song;
box-shadow: 0 0 0 2px rgba($spring-song, 0.35);
}