最も近い色名 · #34A7CA
#34A7CA
最も近い色名: Laguna
#34A7CA（rgb(52 167 202)、hsl(194 59% 50%)、oklch(0.68 0.111 222.7)）に最も近い色名はLagunaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#34A7CA
oklch(0.68 0.111 222.7)
カラー変換
- HEX
- #34a7ca
- RGB
- rgb(52 167 202)
- HSL
- hsl(194 59% 50%)
- HWB
- hwb(194 20% 21%)
- OKLCH
- oklch(0.68 0.111 222.7)
- OKLab
- oklab(0.68 -0.082 -0.076)
- CIE Lab
- lab(63.38 -24.06 -27.71)
- LCH
- lch(63.38 36.7 229)
- CMYK
- cmyk(74% 17% 0% 21%)
ティント · シェード · トーン
ティント
- 51B0D0
- 68B9D5
- 7DC2DA
- 90CBE0
- A3D3E5
- B6DCEA
- C8E5F0
- DBEEF5
- EDF6FA
シェード
- 2C91AF
- 247B95
- 1C667C
- 155264
- 0E3E4D
- 072C37
- 031A22
- 010A0F
- 000102
トーン
- 43A3C3
- 4EA0BB
- 579CB4
- 5F98AC
- 6694A5
- 6C909E
- 728C96
- 77888F
- 7C8487
カラーハーモニー
補色 +180°
- 34A7CA
Laguna
- D2805F
≈ Burning Sand
類似色 -30° +30°
- 34A7CA
Laguna
- 1EAEAB
≈ Tropical Tree
- 649CDB
≈ Blue Bay
トライアド +120° +240°
- 34A7CA
Laguna
- C87CAB
≈ Strawberry Freeze
- A59B41
≈ Prickly Pear
スプリットコンプリメンタリー +150° +210°
- 34A7CA
Laguna
- D37A85
≈ I Pink I Can
- C28D43
≈ Garden Ochre
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--laguna: #34a7ca;
--laguna-rgb: 52 167 202;
--laguna-oklch: oklch(0.68 0.111 222.7);
}
.element {
color: var(--laguna);
background-color: hsl(194 59% 50%);
border-color: oklch(0.68 0.111 222.7);
}Tailwind CSS v4
@theme {
--color-laguna: #34a7ca;
--color-laguna-50: #d4fdff;
--color-laguna-100: #c1f1ff;
--color-laguna-200: #a0dff8;
--color-laguna-300: #75c4e2;
--color-laguna-400: #45adce;
--color-laguna-500: #0095bb;
--color-laguna-600: #007e9e;
--color-laguna-700: #00657f;
--color-laguna-800: #004b5d;
--color-laguna-900: #003441;
--color-laguna-950: #001f2a;
}SCSS
$laguna: #34a7ca;
$laguna-rgb: 52, 167, 202;
$laguna-light: mix(#fff, $laguna, 20%);
$laguna-dark: mix(#000, $laguna, 20%);
.element {
color: $laguna;
box-shadow: 0 0 0 2px rgba($laguna, 0.35);
}