最も近い色名 · #3989BD
#3989BD
最も近い色名: Warm Spring
#3989BD（rgb(57 137 189)、hsl(204 54% 48%)、oklch(0.604 0.111 240.7)）に最も近い色名はWarm Springです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3989BD
oklch(0.604 0.111 240.7)
カラー変換
- HEX
- #3989bd
- RGB
- rgb(57 137 189)
- HSL
- hsl(204 54% 48%)
- HWB
- hwb(204 22% 26%)
- OKLCH
- oklch(0.604 0.111 240.7)
- OKLab
- oklab(0.604 -0.054 -0.097)
- CIE Lab
- lab(53.95 -12.1 -34.95)
- LCH
- lch(53.95 36.99 250.9)
- CMYK
- cmyk(70% 28% 0% 26%)
ティント · シェード · トーン
ティント
- 5095C4
- 65A0CB
- 79ACD2
- 8CB8D9
- 9FC4DF
- B2D0E6
- C5DBEC
- D8E7F3
- ECF3F9
シェード
- 3076A4
- 28648C
- 1F5374
- 17425D
- 103147
- 092233
- 04141F
- 01070D
- 000102
トーン
- 4388B7
- 4C88B1
- 5587AB
- 5C86A5
- 63869F
- 698599
- 6F8493
- 75828D
- 7B8186
カラーハーモニー
補色 +180°
- 3989BD
Warm Spring
- B17035
≈ Reno Sand
類似色 -30° +30°
- 3989BD
Warm Spring
- 0092A4
≈ Oasis
- 697DC4
≈ Persian Jewel
トライアド +120° +240°
- 3989BD
Warm Spring
- B7637E
≈ Raspberry Parfait
- 788B39
≈ Pesto di Rucola
スプリットコンプリメンタリー +150° +210°
- 3989BD
Warm Spring
- BA6658
≈ Apricot Brandy
- 9A7E23
≈ Spruced Up
テトラード +90° +180° +270°
- 3989BD
Warm Spring
- A768A0
≈ Iris Orchid
- B17035
≈ Reno Sand
- 4A945E
≈ Ineffable Forest
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.82:1 · APCA Lc 65
Ag
AA黒の上
WCAG 5.48:1 · APCA Lc 36
最適な文字色: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
コードスニペット
CSS
:root {
--warm-spring: #3989bd;
--warm-spring-rgb: 57 137 189;
--warm-spring-oklch: oklch(0.604 0.111 240.7);
}
.element {
color: var(--warm-spring);
background-color: hsl(204 54% 48%);
border-color: oklch(0.604 0.111 240.7);
}Tailwind CSS v4
@theme {
--color-warm-spring: #3989bd;
--color-warm-spring-50: #dbfaff;
--color-warm-spring-100: #c9edff;
--color-warm-spring-200: #abdbff;
--color-warm-spring-300: #84bfec;
--color-warm-spring-400: #5da7da;
--color-warm-spring-500: #328ec8;
--color-warm-spring-600: #2c78a9;
--color-warm-spring-700: #236088;
--color-warm-spring-800: #154764;
--color-warm-spring-900: #0e3146;
--color-warm-spring-950: #011d2e;
}SCSS
$warm-spring: #3989bd;
$warm-spring-rgb: 57, 137, 189;
$warm-spring-light: mix(#fff, $warm-spring, 20%);
$warm-spring-dark: mix(#000, $warm-spring, 20%);
.element {
color: $warm-spring;
box-shadow: 0 0 0 2px rgba($warm-spring, 0.35);
}