色名 · #3E8094
Wipeout
Wipeoutは#3E8094：rgb(62 128 148)、hsl(194 41% 41%)、oklch(0.565 0.074 220.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Wipeout color name →
#3E8094
oklch(0.565 0.074 220.3)
カラー変換
- HEX
- #3e8094
- RGB
- rgb(62 128 148)
- HSL
- hsl(194 41% 41%)
- HWB
- hwb(194 24% 42%)
- OKLCH
- oklch(0.565 0.074 220.3)
- OKLab
- oklab(0.565 -0.056 -0.048)
- CIE Lab
- lab(49.91 -17.28 -17.6)
- LCH
- lch(49.91 24.66 225.5)
- CMYK
- cmyk(58% 14% 0% 42%)
ティント · シェード · トーン
ティント
- 538C9E
- 6699A9
- 79A5B3
- 8CB2BE
- 9FBEC9
- B2CBD3
- C5D8DE
- D8E5E9
- ECF2F4
シェード
- 356E80
- 2B5D6D
- 234D5A
- 1A3D48
- 122E36
- 0A1F26
- 041216
- 010608
- 000101
トーン
- 478092
- 4F8090
- 56808E
- 5D808C
- 63818A
- 698088
- 6F8086
- 758084
- 7B8082
カラーハーモニー
補色 +180°
- 3E8094
Wipeout
- 9B6754
≈ Apple Brown Betty
類似色 -30° +30°
- 3E8094
Wipeout
- 3A8480
≈ Emu Egg
- 5479A0
≈ Montreux Blue
トライアド +120° +240°
- 3E8094
Wipeout
- 936583
≈ Rust Magenta
- 807742
≈ Tribal
スプリットコンプリメンタリー +150° +210°
- 3E8094
Wipeout
- 9C646C
≈ Soft Bromeliad
- 926E44
≈ Gold Spike
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.44:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.72:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.72:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--wipeout: #3e8094;
--wipeout-rgb: 62 128 148;
--wipeout-oklch: oklch(0.565 0.074 220.3);
}
.element {
color: var(--wipeout);
background-color: hsl(194 41% 41%);
border-color: oklch(0.565 0.074 220.3);
}Tailwind CSS v4
@theme {
--color-wipeout: #3e8094;
--color-wipeout-50: #dffaff;
--color-wipeout-100: #ceeefa;
--color-wipeout-200: #b3dceb;
--color-wipeout-300: #8ec0d3;
--color-wipeout-400: #6ba9bd;
--color-wipeout-500: #4792a8;
--color-wipeout-600: #3d7b8e;
--color-wipeout-700: #316372;
--color-wipeout-800: #214953;
--color-wipeout-900: #16323a;
--color-wipeout-950: #071e24;
}SCSS
$wipeout: #3e8094;
$wipeout-rgb: 62, 128, 148;
$wipeout-light: mix(#fff, $wipeout, 20%);
$wipeout-dark: mix(#000, $wipeout, 20%);
.element {
color: $wipeout;
box-shadow: 0 0 0 2px rgba($wipeout, 0.35);
}