色名 · #F08A88
Cheery
Cheeryは#F08A88：rgb(240 138 136)、hsl(1 78% 74%)、oklch(0.742 0.125 21.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Cheery color name →
#F08A88
oklch(0.742 0.125 21.7)
カラー変換
- HEX
- #f08a88
- RGB
- rgb(240 138 136)
- HSL
- hsl(1 78% 74%)
- HWB
- hwb(1 53% 6%)
- OKLCH
- oklch(0.742 0.125 21.7)
- OKLab
- oklab(0.742 0.116 0.046)
- CIE Lab
- lab(68.82 39.55 18.98)
- LCH
- lch(68.82 43.86 25.6)
- CMYK
- cmyk(0% 43% 43% 6%)
ティント · シェード · トーン
ティント
- F39694
- F5A29F
- F8AEAB
- FAB9B7
- FBC5C2
- FDD1CE
- FEDCDA
- FFE8E6
- FFF3F3
シェード
- D17775
- B26563
- 955352
- 784241
- 5D3231
- 432222
- 2A1413
- 140706
- 030101
トーン
- E58A87
- DA8987
- CF8886
- C48885
- B98784
- AE8684
- A38483
- 978382
- 8C8281
カラーハーモニー
補色 +180°
- F08A88
Cheery
- 0EC2CD
≈ Turquoise Surf
類似色 -30° +30°
- F08A88
Cheery
- E789B4
≈ Tempting Pink
- E9935E
≈ Outgoing Orange
トライアド +120° +240°
- F08A88
Cheery
- 7DBF74
≈ Primo
- 7FABFA
≈ Fennel Flower
スプリットコンプリメンタリー +150° +210°
- F08A88
Cheery
- 41C5A2
≈ Jadeite
- 47B9EC
≈ Clean Pool
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.41:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.69:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.69:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--cheery: #f08a88;
--cheery-rgb: 240 138 136;
--cheery-oklch: oklch(0.742 0.125 21.7);
}
.element {
color: var(--cheery);
background-color: hsl(1 78% 74%);
border-color: oklch(0.742 0.125 21.7);
}Tailwind CSS v4
@theme {
--color-cheery: #f08a88;
--color-cheery-50: #ffe8e4;
--color-cheery-100: #ffd8d4;
--color-cheery-200: #ffc0bb;
--color-cheery-300: #f19e99;
--color-cheery-400: #df7f7d;
--color-cheery-500: #cc6060;
--color-cheery-600: #ac5252;
--color-cheery-700: #8a4141;
--color-cheery-800: #672e30;
--color-cheery-900: #481f21;
--color-cheery-950: #2f0f10;
}SCSS
$cheery: #f08a88;
$cheery-rgb: 240, 138, 136;
$cheery-light: mix(#fff, $cheery, 20%);
$cheery-dark: mix(#000, $cheery, 20%);
.element {
color: $cheery;
box-shadow: 0 0 0 2px rgba($cheery, 0.35);
}