最も近い色名 · #437570
#437570
最も近い色名: Turquoise Tortoise
#437570（rgb(67 117 112)、hsl(174 27% 36%)、oklch(0.526 0.055 187.4)）に最も近い色名はTurquoise Tortoiseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#437570
oklch(0.526 0.055 187.4)
カラー変換
- HEX
- #437570
- RGB
- rgb(67 117 112)
- HSL
- hsl(174 27% 36%)
- HWB
- hwb(174 26% 54%)
- OKLCH
- oklch(0.526 0.055 187.4)
- OKLab
- oklab(0.526 -0.054 -0.007)
- CIE Lab
- lab(45.61 -18.62 -2.82)
- LCH
- lch(45.61 18.84 188.6)
- CMYK
- cmyk(43% 0% 4% 54%)
ティント · シェード · トーン
ティント
- 56827D
- 688F8B
- 7A9D99
- 8DAAA7
- 9FB8B5
- B2C6C3
- C5D4D2
- D8E2E1
- EBF0F0
シェード
- 396560
- 2F5551
- 264643
- 1D3735
- 142927
- 0C1C1A
- 050F0E
- 010504
- 000101
トーン
- 4A7672
- 517773
- 577975
- 5D7A76
- 647B78
- 697C7A
- 6F7D7B
- 757E7D
- 7A7F7E
カラーハーモニー
補色 +180°
- 437570
Turquoise Tortoise
- 875D65
≈ Rabbit Paws
類似色 -30° +30°
- 437570
Turquoise Tortoise
- 4F745E
≈ Green Valley
- 44737F
≈ Flip
トライアド +120° +240°
- 437570
Turquoise Tortoise
- 736284
≈ Posy Purple
- 806548
≈ Twilight Jungle
スプリットコンプリメンタリー +150° +210°
- 437570
Turquoise Tortoise
- 805E76
≈ Purple Gumdrop
- 876054
≈ Clove
テトラード +90° +180° +270°
- 437570
Turquoise Tortoise
- 62688A
≈ Champion Blue
- 875D65
≈ Rabbit Paws
- 736B46
≈ Fossilised Leaf
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--turquoise-tortoise: #437570;
--turquoise-tortoise-rgb: 67 117 112;
--turquoise-tortoise-oklch: oklch(0.526 0.055 187.4);
}
.element {
color: var(--turquoise-tortoise);
background-color: hsl(174 27% 36%);
border-color: oklch(0.526 0.055 187.4);
}Tailwind CSS v4
@theme {
--color-turquoise-tortoise: #437570;
--color-turquoise-tortoise-50: #e4fbf8;
--color-turquoise-tortoise-100: #d4eeec;
--color-turquoise-tortoise-200: #bbdcd9;
--color-turquoise-tortoise-300: #98c1bd;
--color-turquoise-tortoise-400: #79a9a4;
--color-turquoise-tortoise-500: #5a928c;
--color-turquoise-tortoise-600: #4d7c77;
--color-turquoise-tortoise-700: #3d635f;
--color-turquoise-tortoise-800: #2c4945;
--color-turquoise-tortoise-900: #1d3230;
--color-turquoise-tortoise-950: #0d1e1c;
}SCSS
$turquoise-tortoise: #437570;
$turquoise-tortoise-rgb: 67, 117, 112;
$turquoise-tortoise-light: mix(#fff, $turquoise-tortoise, 20%);
$turquoise-tortoise-dark: mix(#000, $turquoise-tortoise, 20%);
.element {
color: $turquoise-tortoise;
box-shadow: 0 0 0 2px rgba($turquoise-tortoise, 0.35);
}