最も近い色名 · #4FACBF
#4FACBF
最も近い色名: Viking
#4FACBF（rgb(79 172 191)、hsl(190 47% 53%)、oklch(0.696 0.092 213)）に最も近い色名はVikingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4FACBF
oklch(0.696 0.092 213)
カラー変換
- HEX
- #4facbf
- RGB
- rgb(79 172 191)
- HSL
- hsl(190 47% 53%)
- HWB
- hwb(190 31% 25%)
- OKLCH
- oklch(0.696 0.092 213)
- OKLab
- oklab(0.696 -0.077 -0.05)
- CIE Lab
- lab(65.34 -24.48 -18.59)
- LCH
- lch(65.34 30.74 217.2)
- CMYK
- cmyk(59% 10% 0% 25%)
ティント · シェード · トーン
ティント
- 64B4C5
- 77BDCC
- 89C5D2
- 9BCDD9
- ACD6DF
- BCDEE5
- CDE6EC
- DEEEF2
- EEF7F9
シェード
- 4495A6
- 387F8D
- 2E6975
- 23545E
- 194048
- 102D33
- 071B1F
- 020B0D
- 000102
トーン
- 57A8B9
- 5EA3B2
- 649FAC
- 699BA6
- 6E969F
- 739299
- 768D93
- 7A898C
- 7D8586
カラーハーモニー
補色 +180°
- 4FACBF
Viking
- CF8878
≈ Muted Clay
類似色 -30° +30°
- 4FACBF
Viking
- 52B0A2
≈ Water Park
- 69A4D2
≈ Water Spirit
トライアド +120° +240°
- 4FACBF
Viking
- C088B6
≈ Dragonflies
- B19C58
≈ Viva Las Vegas
スプリットコンプリメンタリー +150° +210°
- 4FACBF
Viking
- CD8597
≈ Puce
- C6905F
≈ Mid Tan
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.62:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 7.98:1 · APCA Lc 51
最適な文字色: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--viking: #4facbf;
--viking-rgb: 79 172 191;
--viking-oklch: oklch(0.696 0.092 213);
}
.element {
color: var(--viking);
background-color: hsl(190 47% 53%);
border-color: oklch(0.696 0.092 213);
}Tailwind CSS v4
@theme {
--color-viking: #4facbf;
--color-viking-50: #d9fdff;
--color-viking-100: #c6f0fb;
--color-viking-200: #a8dfed;
--color-viking-300: #7fc4d5;
--color-viking-400: #56adbf;
--color-viking-500: #2296aa;
--color-viking-600: #207f90;
--color-viking-700: #1a6573;
--color-viking-800: #0f4b54;
--color-viking-900: #0a343b;
--color-viking-950: #001f25;
}SCSS
$viking: #4facbf;
$viking-rgb: 79, 172, 191;
$viking-light: mix(#fff, $viking, 20%);
$viking-dark: mix(#000, $viking, 20%);
.element {
color: $viking;
box-shadow: 0 0 0 2px rgba($viking, 0.35);
}