色名 · #5DB3FF
Tiān Lán Sky
Tiān Lán Skyは#5DB3FF：rgb(93 179 255)、hsl(208 100% 68%)、oklch(0.745 0.138 247.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Tiān Lán Sky color name →
#5DB3FF
oklch(0.745 0.138 247.5)
カラー変換
- HEX
- #5db3ff
- RGB
- rgb(93 179 255)
- HSL
- hsl(208 100% 68%)
- HWB
- hwb(208 36% 0%)
- OKLCH
- oklch(0.745 0.138 247.5)
- OKLab
- oklab(0.745 -0.053 -0.128)
- CIE Lab
- lab(70.05 -9.39 -46.19)
- LCH
- lch(70.05 47.13 258.5)
- CMYK
- cmyk(64% 30% 0% 0%)
ティント · シェード · トーン
ティント
- 6FBBFF
- 81C3FF
- 91CBFF
- A1D2FF
- B1DAFF
- C1E2FF
- D1E9FF
- E0F0FF
- F0F8FF
シェード
- 509BDE
- 4384BE
- 376E9E
- 2A5880
- 1F4363
- 142F48
- 0A1D2E
- 030C16
- 000103
トーン
- 63AEF2
- 68A9E5
- 6CA4D8
- 709FCC
- 749ABF
- 7795B2
- 7A90A6
- 7C8B99
- 7E858D
カラーハーモニー
補色 +180°
- 5DB3FF
Tiān Lán Sky
- E69A3E
≈ Culpeo
類似色 -30° +30°
- 5DB3FF
Tiān Lán Sky
- 00C0E4
≈ Blue Raspberry
- 99A3FF
≈ Widowmaker
トライアド +120° +240°
- 5DB3FF
Tiān Lán Sky
- F5859D
≈ Posy Petal
- 94BD57
≈ Early Spring
スプリットコンプリメンタリー +150° +210°
- 5DB3FF
Tiān Lán Sky
- F68B6B
≈ Fruit Red
- C5AC31
≈ Hippie Trail
テトラード +90° +180° +270°
- 5DB3FF
Tiān Lán Sky
- E489CB
≈ Blushed Bombshell
- E69A3E
≈ Culpeo
- 52C68A
≈ Enamelled Dragon
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.24:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.35:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--tian-lan-sky: #5db3ff;
--tian-lan-sky-rgb: 93 179 255;
--tian-lan-sky-oklch: oklch(0.745 0.138 247.5);
}
.element {
color: var(--tian-lan-sky);
background-color: hsl(208 100% 68%);
border-color: oklch(0.745 0.138 247.5);
}Tailwind CSS v4
@theme {
--color-tian-lan-sky: #5db3ff;
--color-tian-lan-sky-50: #d8f9ff;
--color-tian-lan-sky-100: #c5ecff;
--color-tian-lan-sky-200: #a7daff;
--color-tian-lan-sky-300: #7ebdfb;
--color-tian-lan-sky-400: #54a4ec;
--color-tian-lan-sky-500: #218bdc;
--color-tian-lan-sky-600: #2076ba;
--color-tian-lan-sky-700: #1a5e95;
--color-tian-lan-sky-800: #0b466f;
--color-tian-lan-sky-900: #07304e;
--color-tian-lan-sky-950: #001c34;
}SCSS
$tian-lan-sky: #5db3ff;
$tian-lan-sky-rgb: 93, 179, 255;
$tian-lan-sky-light: mix(#fff, $tian-lan-sky, 20%);
$tian-lan-sky-dark: mix(#000, $tian-lan-sky, 20%);
.element {
color: $tian-lan-sky;
box-shadow: 0 0 0 2px rgba($tian-lan-sky, 0.35);
}