色名 · #004F98
Freshwater Lake
Freshwater Lakeは#004F98：rgb(0 79 152)、hsl(209 100% 30%)、oklch(0.431 0.137 253.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Freshwater Lake color name →
#004F98
oklch(0.431 0.137 253.9)
カラー変換
- HEX
- #004f98
- RGB
- rgb(0 79 152)
- HSL
- hsl(209 100% 30%)
- HWB
- hwb(209 0% 40%)
- OKLCH
- oklch(0.431 0.137 253.9)
- OKLab
- oklab(0.431 -0.038 -0.131)
- CIE Lab
- lab(32.94 2.53 -46.61)
- LCH
- lch(32.94 46.68 273.1)
- CMYK
- cmyk(100% 48% 0% 40%)
ティント · シェード · トーン
ティント
- 2661A3
- 3F72AE
- 5783B9
- 6E95C3
- 86A6CE
- 9DB7D8
- B5C9E2
- CDDBEC
- E6EDF5
シェード
- 004484
- 003870
- 002E5C
- 00234A
- 001938
- 001027
- 000717
- 000208
- 000001
トーン
- 195596
- 285A95
- 356093
- 406591
- 4C6A8E
- 566E8C
- 617389
- 6B7786
- 767C83
カラーハーモニー
補色 +180°
- 004F98
Freshwater Lake
- 6D4700
≈ Antique Bronze
類似色 -30° +30°
- 004F98
Freshwater Lake
- 005971
≈ Deep Lagoon
- 4A4097
≈ Blueberry
トライアド +120° +240°
- 004F98
Freshwater Lake
- 8B2539
≈ Thrill Ride
- 315D00
≈ Bright Nori
スプリットコンプリメンタリー +150° +210°
- 004F98
Freshwater Lake
- 853200
≈ Coffee Addiction
- 595200
≈ Douro
テトラード +90° +180° +270°
- 004F98
Freshwater Lake
- 802962
≈ Smooch
- 6D4700
≈ Antique Bronze
- 005F42
≈ Sci-Fi Takeout
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.16:1 · APCA Lc 88
Ag
Fail黒の上
WCAG 2.57:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 8.16:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--freshwater-lake: #004f98;
--freshwater-lake-rgb: 0 79 152;
--freshwater-lake-oklch: oklch(0.431 0.137 253.9);
}
.element {
color: var(--freshwater-lake);
background-color: hsl(209 100% 30%);
border-color: oklch(0.431 0.137 253.9);
}Tailwind CSS v4
@theme {
--color-freshwater-lake: #004f98;
--color-freshwater-lake-50: #dcf8ff;
--color-freshwater-lake-100: #caebff;
--color-freshwater-lake-200: #aed7ff;
--color-freshwater-lake-300: #88bafd;
--color-freshwater-lake-400: #62a1ed;
--color-freshwater-lake-500: #3c88de;
--color-freshwater-lake-600: #3473bb;
--color-freshwater-lake-700: #2a5c96;
--color-freshwater-lake-800: #194470;
--color-freshwater-lake-900: #102f4f;
--color-freshwater-lake-950: #031b34;
}SCSS
$freshwater-lake: #004f98;
$freshwater-lake-rgb: 0, 79, 152;
$freshwater-lake-light: mix(#fff, $freshwater-lake, 20%);
$freshwater-lake-dark: mix(#000, $freshwater-lake, 20%);
.element {
color: $freshwater-lake;
box-shadow: 0 0 0 2px rgba($freshwater-lake, 0.35);
}