最も近い色名 · #006A9A
#006A9A
最も近い色名: Hydra
#006A9A（rgb(0 106 154)、hsl(199 100% 30%)、oklch(0.498 0.111 238.3)）に最も近い色名はHydraです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#006A9A
oklch(0.498 0.111 238.3)
カラー変換
- HEX
- #006a9a
- RGB
- rgb(0 106 154)
- HSL
- hsl(199 100% 30%)
- HWB
- hwb(199 0% 40%)
- OKLCH
- oklch(0.498 0.111 238.3)
- OKLab
- oklab(0.498 -0.058 -0.094)
- CIE Lab
- lab(41.68 -12.33 -33.94)
- LCH
- lch(41.68 36.11 250)
- CMYK
- cmyk(100% 31% 0% 40%)
ティント · シェード · トーン
ティント
- 2D79A4
- 4887AF
- 6096B9
- 77A5C3
- 8DB3CD
- A4C2D7
- BAD1E1
- D1E0EB
- E8F0F5
シェード
- 005B85
- 004D71
- 003F5E
- 00314B
- 002439
- 001827
- 000D17
- 000409
- 000001
トーン
- 1F6D98
- 2F6F96
- 3C7293
- 487491
- 52768E
- 5C788C
- 657A89
- 6F7C86
- 777E83
カラーハーモニー
補色 +180°
- 006A9A
Hydra
- 905012
≈ Plain Old Brown
類似色 -30° +30°
- 006A9A
Hydra
- 00707C
≈ Iridescent Peacock
- 485EA2
≈ Bio Blue
トライアド +120° +240°
- 006A9A
Hydra
- 934562
≈ Raspberry Pudding
- 5D6B0D
≈ Mud Green
スプリットコンプリメンタリー +150° +210°
- 006A9A
Hydra
- 98473D
≈ Mojo
- 7B5E00
≈ Hè Sè Brown
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.95:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.52:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--hydra: #006a9a;
--hydra-rgb: 0 106 154;
--hydra-oklch: oklch(0.498 0.111 238.3);
}
.element {
color: var(--hydra);
background-color: hsl(199 100% 30%);
border-color: oklch(0.498 0.111 238.3);
}Tailwind CSS v4
@theme {
--color-hydra: #006a9a;
--color-hydra-50: #dafaff;
--color-hydra-100: #c7eeff;
--color-hydra-200: #aadbff;
--color-hydra-300: #82bfeb;
--color-hydra-400: #5aa8d8;
--color-hydra-500: #2b8fc7;
--color-hydra-600: #2779a8;
--color-hydra-700: #1f6187;
--color-hydra-800: #124863;
--color-hydra-900: #0b3246;
--color-hydra-950: #001d2d;
}SCSS
$hydra: #006a9a;
$hydra-rgb: 0, 106, 154;
$hydra-light: mix(#fff, $hydra, 20%);
$hydra-dark: mix(#000, $hydra, 20%);
.element {
color: $hydra;
box-shadow: 0 0 0 2px rgba($hydra, 0.35);
}