最も近い色名 · #053F1D
#053F1D
最も近い色名: Deep Pond
#053F1D（rgb(5 63 29)、hsl(145 85% 13%)、oklch(0.323 0.082 151.6)）に最も近い色名はDeep Pondです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#053F1D
oklch(0.323 0.082 151.6)
カラー変換
- HEX
- #053f1d
- RGB
- rgb(5 63 29)
- HSL
- hsl(145 85% 13%)
- HWB
- hwb(145 2% 75%)
- OKLCH
- oklch(0.323 0.082 151.6)
- OKLab
- oklab(0.323 -0.072 0.039)
- CIE Lab
- lab(22.55 -25.32 15.55)
- LCH
- lch(22.55 29.71 148.4)
- CMYK
- cmyk(92% 0% 54% 75%)
ティント · シェード · トーン
ティント
- 235031
- 3B6245
- 52755A
- 698770
- 819A86
- 99AE9D
- B2C2B5
- CBD6CD
- E5EAE6
シェード
- 043518
- 032C13
- 02230E
- 011B09
- 011205
- 000A03
- 000401
- 000100
- 000000
トーン
- 174527
- 254C30
- 31523A
- 3C5943
- 485F4D
- 536657
- 5E6C61
- 69736B
- 757976
カラーハーモニー
補色 +180°
- 053F1D
Deep Pond
- 4B2246
≈ Opulent Mauve
類似色 -30° +30°
- 053F1D
Deep Pond
- 2E3900
≈ Wasabi Nori
- 003D36
≈ Night Turquoise
トライアド +120° +240°
- 053F1D
Deep Pond
- 252F5D
≈ Underwater Realm
- 562117
≈ Peaty Brown
スプリットコンプリメンタリー +150° +210°
- 053F1D
Deep Pond
- 3C2856
≈ Parachute Purple
- 541F31
≈ Largest Black Slug
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.10:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.73:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.10:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--deep-pond: #053f1d;
--deep-pond-rgb: 5 63 29;
--deep-pond-oklch: oklch(0.323 0.082 151.6);
}
.element {
color: var(--deep-pond);
background-color: hsl(145 85% 13%);
border-color: oklch(0.323 0.082 151.6);
}Tailwind CSS v4
@theme {
--color-deep-pond: #053f1d;
--color-deep-pond-50: #e4fceb;
--color-deep-pond-100: #d4f0db;
--color-deep-pond-200: #badfc4;
--color-deep-pond-300: #98c4a4;
--color-deep-pond-400: #7aad86;
--color-deep-pond-500: #5b966b;
--color-deep-pond-600: #4e7f5b;
--color-deep-pond-700: #3e6548;
--color-deep-pond-800: #2d4a33;
--color-deep-pond-900: #1e3423;
--color-deep-pond-950: #0e1f12;
}SCSS
$deep-pond: #053f1d;
$deep-pond-rgb: 5, 63, 29;
$deep-pond-light: mix(#fff, $deep-pond, 20%);
$deep-pond-dark: mix(#000, $deep-pond, 20%);
.element {
color: $deep-pond;
box-shadow: 0 0 0 2px rgba($deep-pond, 0.35);
}