最も近い色名 · #43A2E6
#43A2E6
最も近い色名: Cerulean
#43A2E6（rgb(67 162 230)、hsl(205 77% 58%)、oklch(0.686 0.134 243.4)）に最も近い色名はCeruleanです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#43A2E6
oklch(0.686 0.134 243.4)
カラー変換
- HEX
- #43a2e6
- RGB
- rgb(67 162 230)
- HSL
- hsl(205 77% 58%)
- HWB
- hwb(205 26% 10%)
- OKLCH
- oklch(0.686 0.134 243.4)
- OKLab
- oklab(0.686 -0.06 -0.12)
- CIE Lab
- lab(63.3 -11.96 -43.22)
- LCH
- lch(63.3 44.84 254.5)
- CMYK
- cmyk(71% 30% 0% 10%)
ティント · シェード · トーン
ティント
- 5AACE9
- 6EB5EC
- 82BFEF
- 94C8F2
- A6D1F4
- B8DAF7
- CAE4F9
- DCEDFB
- EDF6FD
シェード
- 398CC8
- 2F77AB
- 26638E
- 1D4F73
- 143C59
- 0C2A40
- 051928
- 010A13
- 000103
トーン
- 4D9FDC
- 559CD2
- 5D99C7
- 6395BD
- 6992B3
- 6F8FA9
- 738B9F
- 788895
- 7C848A
カラーハーモニー
補色 +180°
- 43A2E6
Cerulean
- D38633
≈ Opulent
類似色 -30° +30°
- 43A2E6
Cerulean
- 00ADC7
≈ Havasupai Falls
- 8093EC
≈ Perrywinkle
トライアド +120° +240°
- 43A2E6
Cerulean
- DD7491
≈ Oxford Sausage
- 8AA741
≈ Lime It or Leave It
スプリットコンプリメンタリー +150° +210°
- 43A2E6
Cerulean
- E07862
≈ Annular
- B6971B
≈ Sahara
テトラード +90° +180° +270°
- 43A2E6
Cerulean
- CB79BD
≈ Peruvian Lily
- D38633
≈ Opulent
- 4CB272
≈ Midori Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.54:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--cerulean: #43a2e6;
--cerulean-rgb: 67 162 230;
--cerulean-oklch: oklch(0.686 0.134 243.4);
}
.element {
color: var(--cerulean);
background-color: hsl(205 77% 58%);
border-color: oklch(0.686 0.134 243.4);
}Tailwind CSS v4
@theme {
--color-cerulean: #43a2e6;
--color-cerulean-50: #d6faff;
--color-cerulean-100: #c4edff;
--color-cerulean-200: #a4dbff;
--color-cerulean-300: #7bbef8;
--color-cerulean-400: #4ea6e7;
--color-cerulean-500: #108dd7;
--color-cerulean-600: #1478b5;
--color-cerulean-700: #116092;
--color-cerulean-800: #04476c;
--color-cerulean-900: #04314c;
--color-cerulean-950: #001d32;
}SCSS
$cerulean: #43a2e6;
$cerulean-rgb: 67, 162, 230;
$cerulean-light: mix(#fff, $cerulean, 20%);
$cerulean-dark: mix(#000, $cerulean, 20%);
.element {
color: $cerulean;
box-shadow: 0 0 0 2px rgba($cerulean, 0.35);
}